[part~=valid-row]{background-color:#f0fff4}[part~=invalid-row]{background-color:#fff5f5}.generate-view{background:#f7f8fb}.generate-content{box-sizing:border-box;width:min(100%,1040px);margin:0 auto;padding:32px 28px;gap:22px}.generate-header{gap:18px}.generate-title{margin:0;color:#182033;font-size:30px;font-weight:750;line-height:1.15}.generate-subtitle{max-width:620px;margin:8px 0 0;color:#667085;font-size:15px;line-height:1.5}.generate-status-pill{margin-top:4px;white-space:nowrap}.generate-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:stretch}.generate-panel,.generate-side-panel{box-sizing:border-box;border:1px solid #dfe4ec;border-radius:8px;background:#fff;box-shadow:0 12px 28px #1118270f}.generate-topic::part(input-field){background:#fbfcfe}.generate-section-label{color:#475467;font-size:13px;font-weight:700;text-transform:uppercase}.account-preview{display:flex;min-height:132px;flex-direction:column;justify-content:center;gap:10px;border:1px solid #e6eaf1;border-radius:8px;background:#fbfcfe;padding:18px}.account-status{width:max-content}.selected-account-name{color:#182033;font-size:18px;font-weight:700;line-height:1.25}.selected-account-meta{color:#667085;font-size:14px;line-height:1.45}.generate-actions vaadin-button:first-child{min-width:180px}@media(max-width:820px){.generate-content{padding:22px 16px}.generate-header{flex-direction:column}.generate-workspace{grid-template-columns:1fr}.generate-panel,.generate-side-panel{padding:16px}.generate-title{font-size:24px}.generate-actions vaadin-button{width:100%}}:root{--app-bg: #f4f7fb;--app-surface: #ffffff;--app-surface-soft: #f9fbff;--app-border: #dce3ee;--app-text: #182033;--app-muted: #667085;--app-accent: #2563eb;--app-accent-2: #16a085;--app-danger: #d92d20;--app-shadow: 0 18px 42px rgba(17, 24, 39, .08);--app-line-art: rgba(37, 99, 235, .13);--app-grid: linear-gradient(var(--app-line-art) 1px, transparent 1px), linear-gradient(90deg, var(--app-line-art) 1px, transparent 1px)}:root[theme~=dark]{--app-bg: #0d111c;--app-surface: #151b2b;--app-surface-soft: #101624;--app-border: #273247;--app-text: #eef4ff;--app-muted: #9aa8bd;--app-accent: #6ea8fe;--app-accent-2: #3bd6ba;--app-danger: #ff7a70;--app-shadow: 0 18px 42px rgba(0, 0, 0, .32);--app-line-art: rgba(110, 168, 254, .16);color-scheme:dark}html,body{background:var(--app-bg);color:var(--app-text)}.app-shell{background:linear-gradient(135deg,transparent 0 50%,rgba(37,99,235,.05) 50% 100%),var(--app-bg)}:root[theme~=dark] .app-shell{background:linear-gradient(135deg,transparent 0 50%,rgba(110,168,254,.08) 50% 100%),var(--app-bg)}.topbar{box-sizing:border-box;height:70px;gap:14px;padding:0 20px;border-bottom:1px solid var(--app-border);background:color-mix(in srgb,var(--app-surface) 92%,transparent);backdrop-filter:blur(16px)}.topbar-title-box{flex:1}.topbar-title{margin:0;color:var(--app-text);font-size:19px;font-weight:800;line-height:1.1}.topbar-subtitle{color:var(--app-muted);font-size:12px;line-height:1.2}.drawer-toggle,.theme-toggle{color:var(--app-text)}.theme-toggle{width:42px;height:42px;border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface-soft)}.profile-link{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;min-width:42px;text-decoration:none}.topbar-avatar{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:42px;height:42px;border:1px solid var(--app-border);border-radius:50%;background:linear-gradient(135deg,var(--app-accent),var(--app-accent-2));color:#fff;font-weight:850;background-position:center;background-size:cover;box-shadow:0 8px 20px color-mix(in srgb,var(--app-accent) 18%,transparent)}.topbar-avatar.has-photo{color:transparent}.drawer-content{box-sizing:border-box;min-height:100%;gap:24px;padding:22px;background:var(--app-grid),linear-gradient(180deg,var(--app-surface) 0%,var(--app-surface-soft) 100%);background-size:22px 22px,auto;border-right:1px solid var(--app-border)}.drawer-brand{gap:10px}.brand-mark,.auth-graphic,.hero-signal,.drawer-graphic{position:relative;overflow:hidden;border:1px solid var(--app-border);border-radius:8px;background-color:var(--app-surface-soft);background-position:center;background-size:cover;background-repeat:no-repeat}.brand-mark{width:52px;height:52px;background-image:url(./brand-mark-light-BV8shkKT.png)}:root[theme~=dark] .brand-mark{background-image:url(./brand-mark-dark-DLAjm2bF.png)}.drawer-logo{margin:0;color:var(--app-text);font-size:24px;font-weight:850;letter-spacing:0}.drawer-tagline{color:var(--app-muted);font-size:13px;line-height:1.45}.drawer-nav{gap:8px}.nav-section{width:100%;color:var(--app-text)}.nav-section::part(summary){min-height:42px;padding:0 12px;border:1px solid transparent;border-radius:8px;color:var(--app-text);font-size:13px;font-weight:850;text-transform:uppercase}.nav-section::part(summary):hover{border-color:var(--app-border);background:color-mix(in srgb,var(--app-accent) 7%,var(--app-surface))}.nav-section-content{gap:6px;padding:4px 0 8px 8px}.nav-link{display:flex;align-items:center;gap:10px;box-sizing:border-box;min-height:44px;width:100%;padding:0 12px;border:1px solid transparent;border-radius:8px;color:var(--app-muted);font-weight:700;text-decoration:none}.nav-link:hover,.nav-link[highlight]{border-color:var(--app-border);background:color-mix(in srgb,var(--app-accent) 10%,var(--app-surface));color:var(--app-text)}.nav-link vaadin-icon{width:18px;height:18px;color:var(--app-accent)}.drawer-graphic{min-height:150px;margin-top:auto;background-image:url(./drawer-banner-light-DxkE9mV4.png)}:root[theme~=dark] .drawer-graphic{background-image:url(./drawer-banner-dark-CNCMwuGP.png)}.home-view,.posts-view,.vk-view,.generate-view,.profile-view,.public-keys-view,.autogeneration-view{min-height:100%;background:var(--app-bg)}.page-content,.generate-content{box-sizing:border-box;width:min(100%,1120px);margin:0 auto;padding:32px 28px;gap:22px}.page-header,.generate-header{gap:18px}.page-title,.generate-title{margin:0;color:var(--app-text);font-size:30px;font-weight:820;line-height:1.15;letter-spacing:0}.page-subtitle,.generate-subtitle{max-width:640px;margin:8px 0 0;color:var(--app-muted);font-size:15px;line-height:1.5}.page-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px}.page-status-pill,.generate-status-pill{display:inline-flex;align-items:center;min-height:34px;width:max-content;padding:0 12px;border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface-soft);color:var(--app-muted);font-size:13px;font-weight:700;white-space:nowrap}.grid-panel,.generate-panel,.generate-side-panel,.metric-card,.profile-panel{box-sizing:border-box;border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface);box-shadow:var(--app-shadow)}.grid-panel{width:100%;height:min(70vh,680px);min-height:520px;overflow:hidden}.modern-grid{width:100%;height:100%;min-height:0;background:var(--app-surface)}.generate-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:stretch}.generate-panel{gap:18px;padding:22px}.generate-side-panel{gap:14px;padding:20px}.generate-topic::part(input-field){background:var(--app-surface-soft)}.generate-section-label{color:var(--app-muted);font-size:13px;font-weight:760;text-transform:uppercase}.account-preview{display:flex;min-height:132px;flex-direction:column;justify-content:center;gap:10px;border:1px solid var(--app-border);border-radius:8px;background:var(--app-grid),var(--app-surface-soft);background-size:18px 18px,auto;padding:18px}.selected-account-name{color:var(--app-text);font-size:18px;font-weight:760;line-height:1.25}.selected-account-meta{color:var(--app-muted);font-size:14px;line-height:1.45}.generate-actions{flex-wrap:wrap;gap:10px;justify-content:flex-end;padding-top:2px}.autogen-panel{box-sizing:border-box;width:100%;gap:18px;padding:24px;border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface);box-shadow:var(--app-shadow)}.autogen-row,.autogen-interval{gap:18px}.autogen-panel vaadin-combo-box,.autogen-panel vaadin-integer-field,.autogen-panel vaadin-text-field{width:100%}.profile-panel{width:100%;gap:22px;padding:24px;overflow:hidden}.profile-form{gap:26px}.profile-photo-block{width:min(100%,300px);gap:14px;padding:18px;border:1px solid var(--app-border);border-radius:8px;background:var(--app-grid),var(--app-surface-soft);background-size:20px 20px,auto}.profile-photo-preview{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:144px;height:144px;border:3px solid color-mix(in srgb,var(--app-accent) 36%,var(--app-surface));border-radius:50%;padding:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--app-accent) 22%,transparent),transparent 58%),var(--app-surface-soft);background-position:center;background-size:cover;color:var(--app-text);font-size:15px;font-weight:820;line-height:1.2;text-align:center;box-shadow:0 18px 36px color-mix(in srgb,var(--app-accent) 22%,transparent)}.profile-photo-preview.has-photo{padding:0;color:transparent}.profile-photo-block vaadin-upload{width:100%}.profile-password-section{max-width:520px;gap:12px}.profile-password-section h3{margin:0;color:var(--app-text);font-size:20px;font-weight:820}.home-hero{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:22px;box-sizing:border-box;width:min(100%,1120px);margin:0 auto;padding:44px 28px}.hero-text{justify-content:center;gap:18px}.hero-title{max-width:720px;margin:0;color:var(--app-text);font-size:46px;font-weight:900;line-height:1.04;letter-spacing:0}.hero-subtitle{max-width:620px;margin:0;color:var(--app-muted);font-size:17px;line-height:1.55}.hero-actions{flex-wrap:wrap;gap:10px}.hero-signal{height:260px;background-image:url(./hero-banner-light-BEepLnN-.png)}:root[theme~=dark] .hero-signal{background-image:url(./hero-banner-dark-BWouBCPd.png)}.hero-pipeline{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.metric-card{padding:14px}.metric-number{color:var(--app-accent);font-size:13px;font-weight:800}.metric-title{margin-top:8px;color:var(--app-text);font-weight:800}.metric-caption{margin-top:3px;color:var(--app-muted);font-size:12px;line-height:1.35}.auth-view{box-sizing:border-box;padding:22px;background:var(--app-grid),var(--app-bg);background-size:28px 28px,auto}.auth-card{box-sizing:border-box;width:min(100%,420px);max-width:420px;gap:18px;padding:26px;border:1px solid var(--app-border);border-radius:8px;background:color-mix(in srgb,var(--app-surface) 96%,transparent);box-shadow:var(--app-shadow)}.auth-card vaadin-login-form{max-width:100%;background:transparent;box-shadow:none;padding:0}.auth-card vaadin-login-form::part(form){display:flex;flex-direction:column;gap:18px;width:100%;padding:0;background:transparent;box-shadow:none}.auth-card vaadin-login-form::part(form-title){display:none}.auth-card vaadin-login-form::part(error-message){display:none}.auth-graphic{width:100%;height:118px;background-image:url(./auth-banner-light-BrXWF83i.png)}:root[theme~=dark] .auth-graphic{background-image:url(./auth-banner-dark-CQI5b3CX.png)}.auth-title{margin:0;color:var(--app-text);font-size:28px;font-weight:850;letter-spacing:0;text-align:center}.auth-subtitle{margin:0 0 4px;color:var(--app-muted);font-size:14px;line-height:1.45;text-align:center}.auth-card vaadin-login-form,.auth-card vaadin-email-field,.auth-card vaadin-password-field,.auth-card vaadin-button{width:100%}.auth-card vaadin-button{margin-top:4px}.auth-theme-toggle{position:fixed;top:18px;right:18px;z-index:10;width:42px;height:42px;border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface-soft);color:var(--app-text)}.auth-card .auth-theme-toggle{width:42px}[part~=valid-row]{background-color:color-mix(in srgb,var(--app-accent-2) 11%,transparent)}[part~=invalid-row]{background-color:color-mix(in srgb,var(--app-danger) 11%,transparent)}@media(max-width:920px){.home-hero,.generate-workspace{grid-template-columns:1fr}}@media(max-width:720px){.page-content,.generate-content,.home-hero{padding:22px 16px}.page-header,.generate-header{flex-direction:column}.page-actions{width:100%;justify-content:flex-start}.profile-form{flex-direction:column}.profile-photo-block{width:100%}.autogen-row,.autogen-interval{flex-direction:column}.hero-title{font-size:34px}.hero-pipeline{grid-template-columns:1fr}.topbar{padding:0 12px}}