/* The homepage's neutral surfaces and readable supporting type, scoped to tool UI.
   Artwork, score colors, brand palettes, mockup scenes and client delivery stay intact. */
@media screen {

/* Compare: creation form and explanatory sections. */
.logo-compare-create-section .logo-compare-intro p,
.compare-landing .compare-landing-heading > p,
.compare-landing .compare-next-copy > p { color: #625e6b; font-size: 16px; line-height: 1.7; }
.logo-compare-create-section .logo-compare-floating-composer { border-color: #e5e4eb; border-radius: 20px; box-shadow: 0 12px 36px -24px #25212e38; }
.logo-compare-create-section .logo-compare-card-head p,
.logo-compare-create-section .logo-compare-slot-empty strong,
.logo-compare-create-section .logo-compare-slot-label { font-size: 14px; }
.logo-compare-create-section .logo-compare-slot-empty small,
.logo-compare-create-section .logo-compare-submit-row .composer-action-prompt { color: #625e6b; font-size: 13px; line-height: 1.6; }
.logo-compare-create-section .logo-compare-slot-preview { border-radius: 12px; }
.logo-compare-create-section .logo-compare-slot:not(.is-active):not(.is-drag-over):not(:focus-visible) .logo-compare-slot-preview:not(:hover) { border-color: #cbc7d5; }
.logo-compare-create-section .logo-compare-brief-field textarea { border-radius: 10px; font-size: 16px; }
.logo-compare-create-section .logo-compare-brief-field textarea:not(:focus) { border-color: #d7d4df; }
.logo-compare-create-section .logo-compare-brief-field textarea::placeholder { color: #746e7d; }
.logo-compare-create-section .logo-compare-brief-field .logo-context-label { font-size: 14px; }
.logo-compare-create-section .logo-compare-brief-field .logo-context-label small { color: #625e6b; font-size: 12px; }
.logo-compare-create-section .logo-compare-primary-button { min-height: 48px; }
.logo-compare-create-section .logo-compare-add-version { min-height: 44px; font-size: 13px; }
.compare-landing .compare-landing-kicker,
.compare-landing .compare-landing-meta { color: #625e6b; font-size: 12px; }
.compare-landing .compare-problem-grid p,
.compare-landing .compare-insight-features p,
.compare-landing .compare-next-steps p { color: #625e6b; font-size: 15px; line-height: 1.7; }
.compare-landing .compare-next-panel { border-color: #e5e4eb; border-radius: 20px; }

/* Compare results: retain the recommended/selected treatment and sample scenes. */
.compare-studio .compare-direction { border-radius: 20px; }
.compare-studio .compare-direction:not(.is-recommended) { border-color: #e5e4eb; box-shadow: none; }
.compare-studio .compare-direction.is-recommended { box-shadow: 0 0 0 1px #9872f1; }
.compare-studio .compare-verdict { border-color: #e5e4eb; border-radius: 16px; }
.compare-studio .compare-direction-label > span:not(.compare-recommended-badge),
.compare-studio .compare-review-copy .compare-feedback-item h3,
.compare-studio .compare-concept-notes dt,
.compare-studio .compare-score-grid .compare-score > span,
.compare-studio .compare-card-verdict > small,
.compare-studio .compare-verdict-intro small { color: #625e6b; font-size: 12px; line-height: 1.5; }
.compare-studio .compare-first-impression p,
.compare-studio .compare-feedback-item p,
.compare-studio .compare-card-verdict p,
.compare-studio .compare-concept-notes dd,
.compare-studio .compare-verdict p,
.compare-studio .compare-section-heading p { color: #625e6b; font-size: 15px; line-height: 1.7; }
.compare-studio .compare-concept-notes > div { grid-template-columns: 94px minmax(0, 1fr); }
@container (max-width: 350px) {
    .compare-studio .compare-review-intro { align-items: stretch; flex-direction: column; }
    .compare-studio .compare-score-overall { align-self: center; }
    .compare-studio .compare-concept-notes > div { grid-template-columns: minmax(0, 1fr); }
}

/* Logo mockups: change editor chrome only, not the rendered scenes. */
:where(body:not(.logo-mockup-client-download)) .main > .logo-visualizer-section .logo-visualizer-intro p { color: #625e6b; font-size: 16px; }
:where(body:not(.logo-mockup-client-download)) .main > .logo-visualizer-section :is(.logo-visualizer-panel, .logo-visualizer-results) { border-color: #e5e4eb; border-radius: 20px; box-shadow: none; }
:where(body:not(.logo-mockup-client-download)) .main > .logo-visualizer-section :is(.logo-visualizer-panel-head p, .logo-visualizer-results-head p) { color: #625e6b; font-size: 15px; line-height: 1.65; }
:where(body:not(.logo-mockup-client-download)) .main > .logo-visualizer-section .logo-visualizer-asset-preview { border-radius: 12px; }
:where(body:not(.logo-mockup-client-download)) .main > .logo-visualizer-section .logo-visualizer-asset-empty strong { font-size: 14px; }
:where(body:not(.logo-mockup-client-download)) .main > .logo-visualizer-section .logo-visualizer-asset-empty small { color: #625e6b; font-size: 12px; }
:where(body:not(.logo-mockup-client-download)) .main > .logo-visualizer-section .logo-visualizer-asset-title { font-size: 14px; }
:where(body:not(.logo-mockup-client-download)) .main > .logo-visualizer-section .logo-visualizer-asset-optional { font-size: 12px; }
:where(body:not(.logo-mockup-client-download)) .main > .logo-visualizer-section .logo-visualizer-asset-selected { font-size: 11px; }
:where(body:not(.logo-mockup-client-download)) .main > .logo-visualizer-section .logo-visualizer-palette-color strong { font-size: 13px; }
:where(body:not(.logo-mockup-client-download)) .main > .logo-visualizer-section .logo-visualizer-palette-color small { color: #625e6b; font-size: 12px; }
:where(body:not(.logo-mockup-client-download)) .main > .logo-visualizer-section .logo-visualizer-autosave-status { font-size: 12px; }
:where(body:not(.logo-mockup-client-download)) .main > .logo-visualizer-section .logo-visualizer-autosave-status:not(.is-saved):not(.is-error) { color: #625e6b; }
:where(body:not(.logo-mockup-client-download)) .main > .logo-visualizer-section .logo-visualizer-field > span { color: #625e6b; font-size: 14px; }
:where(body:not(.logo-mockup-client-download)) .main > .logo-visualizer-section .logo-visualizer-field input { font-size: 16px; border-radius: 10px; }
:where(body:not(.logo-mockup-client-download)) .main > .logo-visualizer-section :is(.logo-visualizer-primary-button, .logo-visualizer-secondary-button) { min-height: 44px; }
:where(body:not(.logo-mockup-client-download)) .main > .logo-visualizer-section .logo-visualizer-setup-footer { border-color: #e5e4eb; }
:where(body:not(.logo-mockup-client-download)) .main > .logo-visualizer-section :is(.logo-visualizer-marketing-head p, .logo-visualizer-marketing-split p, .logo-visualizer-marketing-grid p, .logo-visualizer-faq p) { color: #625e6b; font-size: 15px; line-height: 1.7; }

/* Export builder: leave client-download pages and generated artwork unchanged. */
.logo-export-kit-section.is-tool-page :is(.export-kit-setup-surface, .export-kit-build-surface) { border-color: #e5e4eb; border-radius: 20px; box-shadow: none; }
.logo-export-kit-section.is-tool-page .export-kit-hero-copy > p { color: #625e6b; font-size: 16px; line-height: 1.7; }
.logo-export-kit-section.is-tool-page .export-kit-hero .export-kit-demo-note { font-size: 14px; }
.logo-export-kit-section.is-tool-page :is(.export-kit-surface-head p, .export-kit-preview-title-group p, .export-kit-empty p) { color: #625e6b; font-size: 15px; line-height: 1.65; }
.logo-export-kit-section.is-tool-page .export-kit-version-preview { border-radius: 12px; }
.logo-export-kit-section.is-tool-page .export-kit-version-top input { font-size: 14px; }
.logo-export-kit-section.is-tool-page .export-kit-version-empty strong { font-size: 14px; }
.logo-export-kit-section.is-tool-page .export-kit-version-empty small { color: #625e6b; font-size: 12px; }
.logo-export-kit-section.is-tool-page .export-kit-version-optional { font-size: 12px; }
.logo-export-kit-section.is-tool-page .export-kit-version-selected { font-size: 11px; }
.logo-export-kit-section.is-tool-page .export-kit-color-copy strong { font-size: 13px; }
.logo-export-kit-section.is-tool-page :is(.export-kit-color-copy span, .export-kit-color-type, .export-kit-preview-meta span, .export-kit-preview-pagination p) { color: #625e6b; font-size: 12px; }
.logo-export-kit-section.is-tool-page .export-kit-autosave-status { font-size: 12px; }
.logo-export-kit-section.is-tool-page .export-kit-autosave-status:not(.is-saved):not(.is-error) { color: #625e6b; }
.logo-export-kit-section.is-tool-page :is(.export-kit-field span, .export-kit-brand-title > span, .export-kit-color-editor-field > span, .export-kit-color-editor-field legend) { color: #625e6b; font-size: 14px; }
.logo-export-kit-section.is-tool-page :is(.export-kit-field input, .export-kit-field select, .export-kit-brand-title input, .export-kit-color-editor-field > input, .export-kit-color-editor-hex > input[type="text"]) { font-size: 16px; border-radius: 10px; }
.logo-export-kit-section.is-tool-page :is(.export-kit-primary-button, .export-kit-secondary-button) { min-height: 44px; }
.logo-export-kit-section.is-tool-page .export-kit-setup-footer { border-color: #e5e4eb; }
.logo-export-kit-section.is-tool-page .export-kit-marketing-grid article { border-color: #e5e4eb; border-radius: 16px; box-shadow: none; }
.logo-export-kit-section.is-tool-page .export-kit-marketing-grid article:hover { box-shadow: 0 8px 24px -20px #25212e50; }
.logo-export-kit-section.is-tool-page :is(.export-kit-marketing-head p, .export-kit-marketing-split p, .export-kit-marketing-grid p, .export-kit-faq-list p) { color: #625e6b; font-size: 15px; line-height: 1.7; }
.logo-export-kit-section.is-tool-page .export-kit-faq-list details { border-color: #e5e4eb; border-radius: 12px; }
.logo-export-kit-section.is-tool-page .export-kit-faq-list summary { font-size: 16px; }

/* Supporting logo utilities: neutral outer panels, readable controls. */
.favicon-generator-section .favicon-generator-intro p,
.logo-bg-matcher-section .logo-bg-matcher-intro p { color: #625e6b; font-size: 16px; line-height: 1.7; }
.favicon-generator-section .favicon-generator-panel,
.logo-bg-matcher-section .logo-bg-matcher-panel { border-color: #e5e4eb; border-radius: 20px; box-shadow: none; }
.logo-bg-matcher-section .logo-bg-matcher-shell { grid-template-columns: minmax(0, 1fr); }
.logo-bg-matcher-section .logo-bg-matcher-results-panel { grid-template-columns: minmax(0, 1fr); }
.logo-bg-matcher-section :is(.logo-bg-matcher-intro, .logo-bg-matcher-tool, .logo-bg-matcher-sidebar, .logo-bg-matcher-panel) { min-width: 0; }
.favicon-generator-section .favicon-generator-panel-head p,
.logo-bg-matcher-section :is(.logo-bg-matcher-panel-head p, .logo-bg-matcher-result-head p) { color: #625e6b; font-size: 14px; line-height: 1.6; }
.favicon-generator-section :is(.favicon-generator-primary-button, .favicon-generator-secondary-button, .favicon-generator-upload-button),
.logo-bg-matcher-section :is(.logo-bg-matcher-primary-button, .logo-bg-matcher-secondary-button, .logo-bg-matcher-upload-button) { min-height: 44px; }
.favicon-generator-section .favicon-generator-dropzone { border-radius: 12px; }
.favicon-generator-section .favicon-generator-dropzone:not(.is-dragging):not(:focus-visible) { border-color: #cbc7d5; }
.favicon-generator-section :is(.favicon-generator-marketing-head p, .favicon-generator-marketing-grid p, .favicon-generator-marketing-split p),
.logo-bg-matcher-section :is(.logo-bg-matcher-marketing-head p, .logo-bg-matcher-marketing-grid p, .logo-bg-matcher-review-cta p) { color: #625e6b; font-size: 15px; line-height: 1.7; }

/* Review results: analysis text and container chrome, never mockup scene text. */
.main.logo-review-page :is(.review-card, .review-section-card, .review-priority-card, .review-evidence-card, .review-readiness-card, .copy-ready-card) { border-color: #e5e4eb; border-radius: 16px; box-shadow: none; }
.main.logo-review-page :is(.review-summary-card, .review-summary-card-wide) { border-radius: 20px; }
.main.logo-review-page :is(.review-section-copy, .review-summary-description) { color: #625e6b; font-size: 16px; line-height: 1.7; }
.main.logo-review-page .review-priority-body p,
.main.logo-review-page .review-evidence-card p:not(:where(.review-mockup-frame *)),
.main.logo-review-page .copy-ready-card p { color: #625e6b; font-size: 15px; line-height: 1.75; }
.main.logo-review-page :is(.review-priority-meta, .review-finding-kind, .review-finding-location, .hero-score-category, .review-mockup-panel-label) { color: #625e6b; font-size: 12px; line-height: 1.5; }
.main.logo-review-page .review-evidence-link { color: #625e6b; font-size: 13px; min-height: 36px; }
.main.logo-review-page .review-evidence-link:hover,
.main.logo-review-page .review-evidence-link:focus-visible { color: #6b39f4; }
.main.logo-review-page .review-mockup-controls button { font-size: 13px; min-height: 44px; border-radius: 10px; }

@media (max-width: 600px) {
    .logo-compare-create-section { padding-block: 40px; }
    .logo-compare-create-section .logo-compare-floating-composer { padding: 20px 16px; border-radius: 16px; }
    .logo-compare-create-section .logo-compare-shell { gap: 20px; }
    .logo-compare-create-section .logo-compare-dropzones { gap: 16px; }
    .logo-compare-create-section .logo-compare-slot-preview { min-height: 150px; height: 150px; }
    .logo-compare-create-section .logo-compare-primary-button { width: 100%; }
    .compare-landing .compare-next-panel { padding: 24px 20px; border-radius: 16px; }
    .compare-studio { padding-block: 40px 56px; }
    .compare-studio .compare-direction { border-radius: 16px; }
    .compare-studio .compare-section { margin-top: 48px; }
    :where(body:not(.logo-mockup-client-download)) .main > .logo-visualizer-section { padding-block: 40px 56px; }
    :where(body:not(.logo-mockup-client-download)) .main > .logo-visualizer-section .logo-visualizer-shell { gap: 26px; }
    :where(body:not(.logo-mockup-client-download)) .main > .logo-visualizer-section :is(.logo-visualizer-setup-panel, .logo-visualizer-results) { padding: 20px 16px; border-radius: 16px; }
    :where(body:not(.logo-mockup-client-download)) .main > .logo-visualizer-section .logo-visualizer-asset-grid { gap: 16px; margin-top: 20px; }
    :where(body:not(.logo-mockup-client-download)) .main > .logo-visualizer-section .logo-visualizer-asset-preview { height: 168px; padding-block: 54px 48px; }
    :where(body:not(.logo-mockup-client-download)) .main > .logo-visualizer-section .logo-visualizer-asset-title { font-size: 16px; }
    :where(body:not(.logo-mockup-client-download)) .main > .logo-visualizer-section .logo-visualizer-setup-head { gap: 14px; }
    :where(body:not(.logo-mockup-client-download)) .main > .logo-visualizer-section .logo-visualizer-brand-row { margin-top: 20px; }
    .logo-export-kit-section.is-tool-page { padding-block: 40px 56px; }
    .logo-export-kit-section.is-tool-page :is(.export-kit-setup-surface, .export-kit-build-surface) { padding: 20px 16px; border-radius: 16px; }
    .logo-export-kit-section.is-tool-page .export-kit-version-list { gap: 16px; }
    .logo-export-kit-section.is-tool-page .export-kit-version-preview { height: 168px; padding-block: 54px 48px; }
    .logo-export-kit-section.is-tool-page .export-kit-version-top input { font-size: 16px; }
    .logo-export-kit-section.is-tool-page .export-kit-marketing-workflow { padding: 48px 16px; }
    .logo-export-kit-section.is-tool-page .export-kit-marketing-split { padding-block: 52px; }
    .logo-export-kit-section.is-tool-page .export-kit-faq-section { padding-top: 52px; }
    .favicon-generator-section,
    .logo-bg-matcher-section { padding-block: 40px 56px; }
    .favicon-generator-section .favicon-generator-shell,
    .logo-bg-matcher-section .logo-bg-matcher-shell { gap: 26px; }
    .favicon-generator-section .favicon-generator-panel,
    .logo-bg-matcher-section .logo-bg-matcher-panel { padding: 20px 16px; border-radius: 16px; }
    .logo-bg-matcher-section :is(.logo-bg-matcher-primary-button, .logo-bg-matcher-secondary-button) { min-width: 0; white-space: normal; line-height: 1.4; padding-block: 12px; }
    .main.logo-review-page :is(.review-card, .review-section-card, .review-priority-card, .review-evidence-card) { padding: 20px 16px; }
    .main.logo-review-page :is(.review-summary-card, .review-summary-card-wide) { border-radius: 16px; }
}
}