/* Presentation only: retain the generator's selectors and runtime state rules. */
:root {--bg-color:#0b1113;--bg-surface:#111b1e;--text-main:#f1f4f3;--text-muted:#abb9bc;--glass-border:#304145;--accent:#009c98;--accent-light:#79ddd5;--font-primary:Manrope,Arial,sans-serif;--font-secondary:Manrope,Arial,sans-serif;--font-heading:Unbounded,Arial,sans-serif}
body {background:#0b1113;color:var(--text-main);font:400 16px/1.65 Manrope,Arial,sans-serif}
::selection {background:#79ddd5;color:#0b1113}
.falling-ink-container {display:none}
main.container,.generator-footer>.container {max-width:1480px;width:100%;padding-inline:clamp(24px,5.2vw,88px)}
.page-header.page-header--compact {padding:44px 0 38px;background:none;border:0;text-align:left;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.generator-title {font-family:Unbounded,Arial,sans-serif;font-size:clamp(32px,3.2vw,54px);line-height:1.15;letter-spacing:-.035em;text-transform:none;margin:0;text-wrap:balance}
.generator-title .text-accent {color:inherit}
.generator-subtitle {margin:0;max-width:65ch;color:var(--text-muted);font-size:16px;line-height:1.75}
.generator-container:not(.generator-fullscreen) {grid-template-columns:minmax(0,1fr) 340px;gap:28px;margin-top:12px}
.generator-container:not(.generator-fullscreen) .workspace-panel {padding:24px;top:24px;height:calc(100dvh - 48px);min-height:680px;gap:20px;border:1px solid var(--glass-border);border-radius:12px;box-shadow:none;background:var(--bg-surface)}
.generator-container:not(.generator-fullscreen) .controls-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 16px}
.form-group label {font-family:Manrope,Arial,sans-serif;font-size:13px;line-height:1.5;text-transform:none;letter-spacing:0;color:var(--text-main);gap:8px;margin-bottom:8px}
.form-control,.form-select {font:400 14px/1.5 Manrope,Arial,sans-serif;background:#0b1113;border-color:#304145;min-height:44px;border-radius:4px;padding:10px 12px;color:#f1f4f3;caret-color:#79ddd5}
.form-control::placeholder {color:#abb9bc}
.val-display {color:#79ddd5;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}
.slider-row {min-height:44px;gap:8px}
.btn-reset {min-width:36px;min-height:36px;color:#abb9bc;border-color:#304145;box-shadow:none}
input[type=range] {accent-color:#79ddd5}
.btn-group-toggle {height:44px;gap:6px}
.btn-toggle {font:500 12px/1.3 Manrope,Arial,sans-serif;text-transform:none;border-radius:4px;background:#0b1113;color:#abb9bc;border-color:#304145}
.btn-toggle.active {background:#79ddd5;color:#0b1113;border-color:#79ddd5}
.actions-row {display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.actions-row .btn {font:600 13px/1.4 Manrope,Arial,sans-serif;min-height:44px;padding:12px 16px;letter-spacing:0;text-transform:none;border-radius:4px;box-shadow:none;transform:none;flex:1 1 auto}
.actions-row .btn-primary {background:#009c98;border-color:#009c98;color:#071213}
.actions-row .btn-outline {background:transparent;border-color:#52676b;color:#f1f4f3}
.actions-row #bookGeneratorBtn {background:transparent!important;border-color:#52676b!important;color:#f1f4f3!important}
.generator-container:not(.generator-fullscreen) .canvas-wrapper {min-height:340px;border:0;border-radius:6px;box-shadow:none}
.generator-container:not(.generator-fullscreen) .library-panel {height:calc(100dvh - 48px);min-height:680px;padding:0;gap:0}
.font-category-filters {gap:8px;margin-bottom:18px;padding-bottom:0}
.btn-filter {font:500 12px/1.4 Manrope,Arial,sans-serif;min-height:36px;padding:8px 12px;background:transparent;border-radius:4px;border-color:#304145;color:#abb9bc;box-shadow:none}
.btn-filter.active {background:#79ddd5;border-color:#79ddd5;color:#0b1113}
.font-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-right:8px;scrollbar-color:#52676b #111b1e;scrollbar-width:thin}
.font-card {height:116px;border-radius:6px;box-shadow:none;transform:none}
.font-card:hover {border-color:#009c98;box-shadow:none;transform:none}
.font-card.active {border-color:#009c98;box-shadow:none;transform:none}
.font-card.active::after {color:#007b77;text-shadow:none}
.font-name-badge {color:#596568;font-size:11px}
.favorite-btn {color:#626b6e;min-width:28px;min-height:28px;text-shadow:none}
.favorite-btn.active {color:#9b6800;text-shadow:none}
.canvas-font-nav {font-family:Manrope,Arial,sans-serif}
.nav-arrow {width:40px;height:40px;box-shadow:none}
:is(button,input,select,textarea,a,summary):focus-visible {outline:2px solid #79ddd5;outline-offset:3px}
button:disabled {opacity:.5;cursor:not-allowed}
.generator-seo-guide {max-width:none;margin:64px 0 0;padding:36px 0;background:none;border:0;border-top:1px solid #304145;border-radius:0}
.generator-seo-guide h2,.faq-section h2 {font:600 clamp(26px,2.4vw,36px)/1.25 Unbounded,Arial,sans-serif;text-transform:none;letter-spacing:-.025em;color:#f1f4f3}
.generator-seo-guide h3,.feedback-section h3 {font:600 20px/1.4 Manrope,Arial,sans-serif;text-transform:none;letter-spacing:0;color:#f1f4f3}
.generator-guide-columns {gap:32px}
.generator-seo-guide p,.generator-guide-steps {color:#abb9bc;line-height:1.75}
.feedback-section {border-top:1px solid #304145;padding-top:36px}
.feedback-section .text-accent,.faq-section .text-accent {color:inherit}
.add-comment-form {background:#111b1e;border:1px solid #304145;border-radius:12px;box-shadow:none}
.comment-form-title {font-family:Manrope,Arial,sans-serif;letter-spacing:0;text-transform:none}
.btn-submit-comment {background:#009c98;color:#071213;min-height:44px;font:600 14px/1.4 Manrope,Arial,sans-serif;box-shadow:none;text-transform:none;letter-spacing:0;border-radius:4px}
.faq-section {border-top:1px solid #304145;padding-top:36px}
.generator-footer {background:#111b1e;border-top:1px solid #304145;padding:40px 0 24px}
.generator-footer h4 {font:600 15px/1.5 Manrope,Arial,sans-serif;letter-spacing:0;text-transform:none}
.generator-footer p,.footer-bottom {color:#abb9bc;font-size:13px}
@media (hover:hover) {.actions-row .btn-primary:hover,.btn-submit-comment:hover {background:#79ddd5;color:#0b1113}.actions-row .btn-outline:hover,.actions-row #bookGeneratorBtn:hover {background:#172326!important;border-color:#79ddd5!important}.btn-filter:hover {border-color:#79ddd5;background:#172326;color:#f1f4f3}}
@media (max-width:1200px) {.generator-container:not(.generator-fullscreen) {grid-template-columns:minmax(0,1fr) 280px;gap:20px}.generator-container:not(.generator-fullscreen) .controls-grid {grid-template-columns:repeat(3,minmax(0,1fr))}.generator-container:not(.generator-fullscreen) .workspace-panel {min-height:760px}.font-grid {grid-template-columns:1fr}}
@media (max-width:992px) {.page-header.page-header--compact {grid-template-columns:1fr;gap:20px;padding:32px 0}.generator-container:not(.generator-fullscreen) {grid-template-columns:1fr;gap:20px}.generator-container:not(.generator-fullscreen) .workspace-panel {position:relative;top:auto;height:auto;min-height:0;padding:20px}.generator-container:not(.generator-fullscreen) .library-panel {height:auto;min-height:0}.generator-container:not(.generator-fullscreen) .font-grid {grid-template-columns:repeat(3,minmax(0,1fr));max-height:540px}.generator-container:not(.generator-fullscreen) .canvas-wrapper {height:360px;min-height:300px}.mobile-enter-btn,.mobile-settings-toggle {font:600 14px/1.5 Manrope,Arial,sans-serif;letter-spacing:0;text-transform:none;min-height:44px;border-radius:4px;box-shadow:none}.mobile-enter-btn {background:#009c98;color:#071213}.generator-seo-guide {margin-top:40px}}
@media (max-width:680px) {.generator-title {font-size:30px}.generator-subtitle {font-size:14px}.generator-container:not(.generator-fullscreen) .controls-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.generator-container:not(.generator-fullscreen) .workspace-panel {padding:16px}.generator-container:not(.generator-fullscreen) .font-grid {grid-template-columns:repeat(2,minmax(0,1fr))}.generator-container:not(.generator-fullscreen) .canvas-wrapper {height:300px;min-height:240px}.actions-row .btn {flex:1 1 45%;font-size:12px}.actions-row #downloadBtn,.actions-row #bookGeneratorBtn {flex-basis:100%}.form-group label {font-size:12px}.generator-guide-columns {grid-template-columns:1fr}.generator-seo-guide h2,.faq-section h2 {font-size:25px}.generator-footer .footer-content {gap:24px}}
.rating-picker-container{flex-wrap:wrap;align-items:flex-start;gap:8px;min-width:0}
.rating-picker{display:flex;flex-wrap:wrap;gap:0;max-width:100%}
.rating-picker button.star{box-sizing:border-box;flex:0 0 44px;width:44px;height:44px;border:0;background:transparent;padding:0;min-width:44px;min-height:44px;font:inherit;cursor:pointer}
.rating-picker button.star:focus-visible{outline:2px solid #79ddd5;outline-offset:2px}
@media(max-width:480px){.feedback-section{padding:24px 16px}.add-comment-form{padding:16px;min-width:0}.rating-picker-container{flex-direction:column}.rating-picker-label{white-space:normal}}