/* ============================================
   STRING EXTRACT PAGE
   ============================================ */

.string-extract-page .method {
    margin-left: auto;
    margin-right: auto;
    width: min(100%, 820px);
}

.string-extract-page .sub-method {
    margin-left: auto;
    margin-right: auto;
    width: min(100%, 680px);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.string-extract-description {
    text-align: center;
    color: var(--color-text-muted);
    font-size: 0.9rem;
    max-width: 680px;
    margin: 0 auto 20px;
}

.string-extract-options {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin: 15px 0;
    width: min(100%, 480px);
}

.string-extract-options label {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--color-text);
    font-size: 0.95rem;
}

.string-extract-min-len {
    width: 70px;
}

.string-extract-status {
    min-height: 1.2em;
    color: var(--color-text-muted);
    font-size: 0.9rem;
}

.string-extract-output {
    width: min(100%, 640px);
    min-height: 220px;
    font-family: 'Courier New', monospace;
    font-size: 0.85rem;
    resize: vertical;
    background: var(--color-surface);
    color: var(--color-text);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    padding: 10px;
}