*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#eef1f5;color:#20242a}a{color:#365f9d}.topbar{background:#243b61;color:#fff;padding:14px 20px}.topbar a{color:#fff;text-decoration:none}.wrap{max-width:1050px;margin:24px auto;padding:0 16px}.card{background:#fff;border:1px solid #d8dee8;border-radius:10px;padding:20px;margin-bottom:18px;box-shadow:0 2px 8px #0000000a}.btn{display:inline-block;background:#365f9d;color:#fff;border:0;border-radius:7px;padding:10px 14px;text-decoration:none;cursor:pointer}.btn.secondary{background:#677386}.btn.danger{background:#a83b3b}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}label{display:block;font-weight:700;margin:12px 0 6px}input,select,textarea{width:100%;padding:10px;border:1px solid #bcc5d1;border-radius:6px;font:inherit}textarea{min-height:240px}.notice{padding:12px;border-radius:7px;background:#e6f4e8;border:1px solid #a7d5ad;margin-bottom:15px}.error{background:#fde8e8;border-color:#e1aaaa}.navlinks{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.muted{color:#667085}.site-row{display:flex;justify-content:space-between;gap:14px;align-items:center;border-bottom:1px solid #edf0f4;padding:14px 0}.site-row:last-child{border:0}.actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:650px){.site-row{align-items:flex-start;flex-direction:column}.actions{width:100%}.actions .btn{flex:1;text-align:center}}
.btn.success{background:#26834a}.full{width:100%;text-align:center}.editor-body{overflow:hidden}.editor-topbar{height:58px;background:#243b61;color:#fff;display:flex;align-items:center;gap:18px;padding:8px 16px}.editor-topbar a{color:#fff;text-decoration:none}.editor-topbar strong{flex:1}.editor-layout{display:grid;grid-template-columns:280px 1fr;height:calc(100vh - 58px)}.editor-sidebar{background:#fff;border-right:1px solid #d8dee8;padding:18px;overflow:auto}.editor-sidebar h3{margin:4px 0 12px}.editor-sidebar hr{border:0;border-top:1px solid #e3e7ed;margin:20px 0}.check{display:flex;gap:8px;align-items:center;font-weight:400}.check input{width:auto}.block-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.block-buttons button{padding:10px 7px;border:1px solid #bcc5d1;background:#f8fafc;border-radius:7px;cursor:pointer}.block-buttons button:hover{background:#edf3fb}.editor-work{padding:18px;background:#dfe4eb;overflow:auto}.editor-hint{max-width:1000px;margin:0 auto 10px;color:#5e6876;font-size:13px}.visual-editor,.code-editor{max-width:1000px;min-height:calc(100vh - 125px);margin:0 auto;background:#fff;border:1px solid #bfc7d2;box-shadow:0 5px 18px #00000012;padding:32px;outline:none}.visual-editor:focus{border-color:#527db8}.visual-editor .builder-section{position:relative;margin:0 0 20px;padding:12px;border:1px dashed transparent}.visual-editor .builder-section:hover{border-color:#86a7d0;background:#f8fbff}.visual-editor img{max-width:100%;height:auto}.site-button{display:inline-block;padding:10px 16px;background:#365f9d;color:#fff;text-decoration:none;border-radius:6px}.code-editor{display:none;width:100%;resize:none;font-family:Consolas,monospace;font-size:14px;line-height:1.5}@media(max-width:760px){.editor-body{overflow:auto}.editor-topbar{position:sticky;top:0;z-index:5}.editor-layout{display:block;height:auto}.editor-sidebar{border-right:0;border-bottom:1px solid #d8dee8}.editor-work{padding:10px}.visual-editor,.code-editor{min-height:550px;padding:18px}.block-buttons{grid-template-columns:repeat(3,1fr)}}
.site-card-row{padding:18px 0}.site-info{min-width:0}.site-info strong{font-size:22px}.site-address{margin-top:6px;overflow-wrap:anywhere}.actions .btn{white-space:nowrap}@media(max-width:650px){.actions{display:grid;grid-template-columns:1fr 1fr}.actions .btn{width:100%;font-size:14px;padding:11px 8px}.site-info strong{font-size:21px}}
.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.module-card{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid #d3dae4;border-radius:10px;background:#f8fafc;cursor:pointer}.module-card input{width:auto;margin-top:4px;transform:scale(1.25)}.module-card span{display:grid;gap:5px}.module-card small{color:#687386;line-height:1.4}.admin-item{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #e1e5ea}.btn.danger{background:#b53b3b}.btn.small{padding:7px 10px;font-size:13px}.notice.success{background:#e6f7eb;border-color:#94cda4;color:#245f34}@media(max-width:700px){.module-grid{grid-template-columns:1fr}.admin-item{flex-direction:column}}
.btn.danger,.danger{background:#b42318;color:#fff}.notice.success{background:#e9f8ef;border:1px solid #86c99d;color:#175c2f}.actions form{margin:0}.file-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.file-toolbar form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.file-toolbar input[type=file],.file-toolbar input[name=name]{flex:1;min-width:180px}.breadcrumbs{padding:10px 0;border-bottom:1px solid #e3e8ef;margin-bottom:15px}.file-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:15px 0}.file-card{border:1px solid #d8dee8;border-radius:10px;padding:14px;background:#fff;min-width:0}.file-card strong{display:block;overflow-wrap:anywhere;margin-bottom:7px}.file-card input{font-size:12px}.file-icon{font-size:30px;margin-bottom:8px}.file-card .actions{margin-top:10px}.notice code{overflow-wrap:anywhere}@media(max-width:700px){.file-toolbar{grid-template-columns:1fr}.file-toolbar form{align-items:stretch}.file-toolbar .btn{width:100%}}
.app-card{display:flex;flex-direction:column;align-items:stretch}.app-card label{display:flex;gap:12px;align-items:flex-start;margin:0;cursor:pointer}.app-card .btn{align-self:flex-start;margin-top:12px}.gallery-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.admin-thumb{width:100%;height:150px;object-fit:cover;border-radius:7px;margin-bottom:10px}.grid>.card{min-width:0}@media(max-width:700px){.gallery-admin-grid{grid-template-columns:1fr 1fr}}
/* v5.1: homepage, catalog, community forum and builder admin */
.home-hero{background:linear-gradient(135deg,#1c3154,#365f9d 58%,#5e83ba);color:#fff;padding:72px 0}.home-hero-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;margin-top:0;margin-bottom:0}.home-hero h1{font-size:clamp(40px,6vw,72px);line-height:1.02;margin:16px 0}.home-hero p{font-size:19px;line-height:1.65;max-width:680px;color:#e8eef8}.eyebrow{display:inline-block;background:#ffffff18;border:1px solid #ffffff35;border-radius:999px;padding:8px 13px;font-size:13px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-btn{font-size:16px;padding:13px 18px}.home-hero .btn{background:#fff;color:#274a7b}.home-hero .btn.secondary{background:#ffffff18;color:#fff;border:1px solid #ffffff45}.hero-preview{background:#fff;color:#243047;border-radius:16px;box-shadow:0 26px 60px #0004;overflow:hidden;transform:rotate(1deg)}.browser-dot-row{background:#e8edf4;padding:12px;display:flex;gap:6px}.browser-dot-row i{width:10px;height:10px;border-radius:50%;background:#aeb8c5}.preview-title{font-size:25px;font-weight:800;padding:26px 28px 10px}.preview-nav{background:#365f9d;color:#fff;padding:13px 28px}.preview-content{padding:30px 28px 45px;display:grid;gap:12px}.preview-content strong{font-size:21px}.preview-content span{display:block;height:10px;background:#e5eaf0;border-radius:8px}.preview-content .short{width:65%}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.home-stats{margin-top:-30px;position:relative}.stat-card{text-align:center;padding:24px}.stat-card strong{display:block;font-size:32px;color:#315a91}.stat-card span{color:#677386}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:42px 0 16px}.section-heading h2{margin:0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.feature-card>div{font-size:34px}.feature-card h3{margin:12px 0 8px}.feature-card p{margin:0;color:#667085;line-height:1.55}.home-columns{display:grid;grid-template-columns:1.5fr .7fr;gap:24px;align-items:start}.site-catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:15px}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-site-card h2,.catalog-site-card h3{margin:12px 0 8px}.catalog-badge{display:inline-block;background:#e8f0fb;color:#315a91;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}.home-forum-item{padding:12px 0;border-bottom:1px solid #e7ebf0;display:grid;gap:5px}.home-forum-item:last-child{border:0}.home-forum-item small{color:#778195}.site-footer{margin-top:60px;background:#1d2c43;color:#dfe8f5;padding:28px 0}.hero.compact{background:linear-gradient(135deg,#fff,#eef4fc);border:1px solid #d9e2ef;border-radius:14px;padding:30px;margin-bottom:20px}.hero.compact h1{margin:0 0 8px}.catalog-layout{display:grid;grid-template-columns:230px 1fr;gap:20px;align-items:start}.category-list{display:grid;gap:4px;position:sticky;top:18px}.category-list h3{margin:0 0 10px}.category-list a{display:flex;justify-content:space-between;text-decoration:none;padding:10px;border-radius:7px}.category-list a:hover{background:#edf3fb}.forum-topic-row{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-top:1px solid #e5e9ef}.forum-post{display:grid;grid-template-columns:170px 1fr;gap:20px}.forum-author{display:flex;flex-direction:column;gap:6px}.forum-author small{color:#778195}.admin-link-card{text-decoration:none;color:inherit;transition:.15s}.admin-link-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000012}.catalog-status{padding:12px;border-radius:8px;margin:15px 0;background:#f2f4f7}.status-approved{background:#e8f7ed}.status-pending{background:#fff6da}.status-rejected{background:#fde8e8}@media(max-width:850px){.home-hero-inner,.home-columns{grid-template-columns:1fr}.hero-preview{max-width:520px}.feature-grid{grid-template-columns:1fr 1fr}.catalog-layout{grid-template-columns:1fr}.category-list{position:static;grid-template-columns:repeat(2,1fr)}.compact-grid{grid-template-columns:1fr}}@media(max-width:550px){.home-hero{padding:45px 0}.feature-grid{grid-template-columns:1fr}.category-list{grid-template-columns:1fr}.forum-post{grid-template-columns:1fr}.home-hero h1{font-size:42px}}

/* v5.2: simplified public landing page */
.landing-page{background:#f7f8fb;color:#202632;font-family:Arial,sans-serif}.landing-wrap{width:min(1120px,calc(100% - 32px));margin:0 auto}.simple-header{background:#fff;border-bottom:1px solid #e7eaf0;position:sticky;top:0;z-index:30}.simple-header__inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:inline-flex;align-items:center;gap:10px;color:#202632;text-decoration:none;font-size:20px;font-weight:800}.brand__mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#4568dc;color:#fff;font-size:20px}.simple-nav{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.simple-nav a{padding:9px 11px;border-radius:8px;color:#4d5668;text-decoration:none;font-size:14px;font-weight:700}.simple-nav a:hover{background:#f0f3f9;color:#304eb4}.simple-nav .nav-button{background:#4568dc;color:#fff}.simple-nav .nav-button:hover{background:#3656c8;color:#fff}.simple-hero{background:linear-gradient(180deg,#ffffff 0%,#f1f4ff 100%);border-bottom:1px solid #e6eaf4}.simple-hero__content{text-align:center;padding:86px 0 92px}.hero-label{display:inline-block;padding:7px 12px;border-radius:999px;background:#e9edff;color:#3d56bd;font-size:13px;font-weight:800}.simple-hero h1{max-width:850px;margin:19px auto 20px;font-size:clamp(38px,7vw,70px);line-height:1.06;letter-spacing:-2px;color:#1f2633}.simple-hero p{max-width:680px;margin:0 auto;color:#626c7e;font-size:19px;line-height:1.65}.simple-hero__actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:31px}.landing-btn{display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:0 21px;border-radius:11px;text-decoration:none;font-weight:800;border:1px solid transparent}.landing-btn--primary{background:#4568dc;color:#fff;box-shadow:0 10px 24px #4568dc33}.landing-btn--primary:hover{background:#3656c8}.landing-btn--light{background:#fff;color:#33415c;border-color:#dfe4ee}.landing-btn--light:hover{border-color:#bdc7d8}.landing-section{padding:78px 0}.landing-heading{text-align:center;max-width:690px;margin:0 auto 35px}.landing-heading--left{text-align:left;margin-left:0}.landing-heading>span{color:#4568dc;font-size:13px;text-transform:uppercase;letter-spacing:1.2px;font-weight:800}.landing-heading h2{font-size:34px;margin:9px 0 10px;color:#222936}.landing-heading p{margin:0;color:#6a7384;font-size:17px;line-height:1.6}.benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.benefit-card{background:#fff;border:1px solid #e3e7ef;border-radius:16px;padding:25px;box-shadow:0 8px 25px #20263208}.benefit-icon{width:48px;height:48px;border-radius:13px;background:#f0f3ff;display:grid;place-items:center;font-size:24px}.benefit-card h3{font-size:19px;margin:17px 0 9px}.benefit-card p{margin:0;color:#687285;line-height:1.6}.quick-section{background:#222b3c;padding:74px 0;color:#fff}.quick-section .landing-heading h2{color:#fff}.quick-section .landing-heading>span{color:#9eb2ff}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.quick-card{display:flex;flex-direction:column;align-items:flex-start;min-height:190px;padding:24px;border-radius:16px;background:#2c374b;border:1px solid #3b475d;color:#fff;text-decoration:none;transition:.18s}.quick-card:hover{transform:translateY(-4px);background:#344158;border-color:#556684}.quick-card__icon{font-size:30px;margin-bottom:auto}.quick-card strong{font-size:20px;margin-top:22px}.quick-card small{color:#b8c2d2;margin-top:6px;font-size:14px}.stats-simple{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid #e2e6ee;border-radius:17px;overflow:hidden}.stats-simple>div{text-align:center;padding:31px 15px;border-right:1px solid #e8ebf1}.stats-simple>div:last-child{border-right:0}.stats-simple strong{display:block;font-size:32px;color:#4568dc}.stats-simple span{display:block;margin-top:6px;color:#727c8d}.landing-footer{background:#151b27;color:#aeb8c8;padding:58px 0 20px}.landing-footer__grid{display:grid;grid-template-columns:1.5fr .7fr .7fr;gap:45px;padding-bottom:36px}.brand--footer{color:#fff}.footer-about p{max-width:350px;line-height:1.65}.footer-links{display:flex;flex-direction:column;gap:11px}.footer-links strong{color:#fff;margin-bottom:5px}.footer-links a{color:#aeb8c8;text-decoration:none}.footer-links a:hover{color:#fff}.landing-footer__bottom{border-top:1px solid #2a3241;padding-top:20px;display:flex;justify-content:space-between;gap:15px;font-size:13px}@media(max-width:820px){.simple-header__inner{align-items:flex-start;padding:14px 0;flex-direction:column}.simple-header{position:static}.simple-nav{width:100%}.simple-nav a{flex:1;text-align:center;min-width:100px}.benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-simple{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-simple>div:nth-child(2){border-right:0}.stats-simple>div:nth-child(-n+2){border-bottom:1px solid #e8ebf1}.landing-footer__grid{grid-template-columns:1fr 1fr}.footer-about{grid-column:1/-1}}@media(max-width:520px){.landing-wrap{width:min(100% - 22px,1120px)}.simple-hero__content{padding:58px 0 65px}.simple-hero h1{font-size:39px;letter-spacing:-1px}.simple-hero p{font-size:17px}.simple-hero__actions,.landing-btn{width:100%}.landing-section{padding:55px 0}.benefits-grid,.quick-grid{grid-template-columns:1fr}.quick-card{min-height:160px}.stats-simple{grid-template-columns:1fr}.stats-simple>div{border-right:0;border-bottom:1px solid #e8ebf1}.stats-simple>div:last-child{border-bottom:0}.landing-footer__grid{grid-template-columns:1fr}.footer-about{grid-column:auto}.landing-footer__bottom{flex-direction:column}.landing-heading h2{font-size:29px}}

/* v5.3: modern catalog, editor refresh and dark theme */
:root{--ui-bg:#f6f8fc;--ui-card:#fff;--ui-text:#202632;--ui-muted:#687386;--ui-border:#e1e6ef;--ui-primary:#4568dc;--ui-primary-hover:#3656c8;--ui-soft:#eef2ff;--ui-header:#fff;--ui-shadow:0 12px 35px rgba(31,45,72,.08)}
html[data-theme="dark"]{--ui-bg:#111722;--ui-card:#1a2230;--ui-text:#edf2fa;--ui-muted:#aab5c6;--ui-border:#2d394b;--ui-primary:#7894ff;--ui-primary-hover:#91a8ff;--ui-soft:#242f48;--ui-header:#171e2a;--ui-shadow:0 12px 35px rgba(0,0,0,.24)}
.public-page{margin:0;background:var(--ui-bg);color:var(--ui-text);min-height:100vh;display:flex;flex-direction:column}.public-page main{flex:1}.public-container{width:min(1120px,calc(100% - 32px));margin:0 auto}.public-header{background:var(--ui-header);border-bottom:1px solid var(--ui-border);position:sticky;top:0;z-index:20}.public-header__inner{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}.public-nav{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.public-nav a{color:var(--ui-muted);font-size:14px;font-weight:700;text-decoration:none;padding:10px 12px;border-radius:9px}.public-nav a:hover,.public-nav a.active{color:var(--ui-primary);background:var(--ui-soft)}.theme-toggle{width:42px;height:42px;border:1px solid var(--ui-border);border-radius:11px;background:var(--ui-card);color:var(--ui-text);font-size:18px;cursor:pointer}.catalog-hero{padding:72px 0 62px;background:linear-gradient(180deg,var(--ui-card),var(--ui-bg));border-bottom:1px solid var(--ui-border)}.catalog-hero h1{font-size:clamp(38px,6vw,62px);letter-spacing:-1.5px;margin:13px 0 15px}.catalog-hero p{max-width:700px;margin:0;color:var(--ui-muted);font-size:18px;line-height:1.65}.section-label{font-size:13px;text-transform:uppercase;letter-spacing:1.2px;font-weight:800;color:var(--ui-primary)}.back-link{display:inline-flex;margin-top:24px;color:var(--ui-primary);text-decoration:none;font-weight:800}.catalog-section{padding:55px 0 80px}.catalog-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.catalog-category-card{display:flex;align-items:center;gap:17px;padding:23px;border-radius:17px;background:var(--ui-card);border:1px solid var(--ui-border);box-shadow:var(--ui-shadow);text-decoration:none;color:var(--ui-text);transition:.18s}.catalog-category-card:hover{transform:translateY(-3px);border-color:var(--ui-primary)}.catalog-category-card__icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--ui-soft);font-size:25px}.catalog-category-card__content{display:grid;gap:6px;flex:1}.catalog-category-card__content strong{font-size:20px}.catalog-category-card__content small{color:var(--ui-muted);font-size:14px}.catalog-category-card__arrow{font-size:24px;color:var(--ui-primary)}.catalog-result-bar{display:flex;justify-content:space-between;gap:15px;color:var(--ui-muted);margin-bottom:17px}.catalog-result-bar strong{color:var(--ui-text)}.catalog-sites-list{display:grid;gap:15px}.catalog-site-modern{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:23px;background:var(--ui-card);border:1px solid var(--ui-border);border-radius:17px;box-shadow:var(--ui-shadow)}.catalog-site-modern__mark{width:62px;height:62px;display:grid;place-items:center;border-radius:17px;background:var(--ui-soft);color:var(--ui-primary);font-size:27px;font-weight:900}.catalog-site-modern h2{font-size:23px;margin:9px 0 7px}.catalog-site-modern h2 a{color:var(--ui-text);text-decoration:none}.catalog-site-modern p{margin:0;color:var(--ui-muted);line-height:1.55}.catalog-site-meta{font-size:13px;color:var(--ui-muted);margin-top:10px}.catalog-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:var(--ui-soft);color:var(--ui-primary);font-size:12px;font-weight:800}.catalog-open-btn{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:0 17px;border-radius:10px;background:var(--ui-primary);color:#fff;text-decoration:none;font-weight:800;white-space:nowrap}.catalog-open-btn:hover{background:var(--ui-primary-hover)}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-top:30px}.pagination a{min-width:42px;min-height:42px;display:grid;place-items:center;padding:0 12px;border-radius:10px;border:1px solid var(--ui-border);background:var(--ui-card);color:var(--ui-text);text-decoration:none;font-weight:800}.pagination a.active,.pagination a:hover{background:var(--ui-primary);border-color:var(--ui-primary);color:#fff}.empty-state{text-align:center;padding:60px 25px;border:1px solid var(--ui-border);border-radius:17px;background:var(--ui-card)}.empty-state>div{font-size:44px}.empty-state h2{margin:14px 0 7px}.empty-state p{margin:0;color:var(--ui-muted)}.public-footer{background:var(--ui-header);border-top:1px solid var(--ui-border);color:var(--ui-muted)}.public-footer__inner{min-height:82px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px}
html[data-theme="dark"] body:not(.editor-body){background:var(--ui-bg);color:var(--ui-text)}
html[data-theme="dark"] .brand{color:var(--ui-text)}

/* editor redesign */
.editor-body{background:var(--ui-bg);color:var(--ui-text)}.editor-topbar{height:68px;background:var(--ui-header);color:var(--ui-text);border-bottom:1px solid var(--ui-border);padding:10px 18px;box-shadow:0 4px 16px rgba(0,0,0,.04)}.editor-topbar a{color:var(--ui-muted);font-weight:700}.editor-topbar .btn{background:var(--ui-primary)}.editor-layout{grid-template-columns:300px 1fr;height:calc(100vh - 68px)}.editor-sidebar{background:var(--ui-card);border-color:var(--ui-border);padding:22px}.editor-sidebar h3{font-size:18px}.editor-sidebar label{color:var(--ui-text)}.editor-sidebar input{background:var(--ui-bg);border-color:var(--ui-border);color:var(--ui-text)}.editor-sidebar hr{border-color:var(--ui-border)}.block-buttons button{background:var(--ui-bg);border-color:var(--ui-border);color:var(--ui-text);min-height:44px}.block-buttons button:hover{background:var(--ui-soft);border-color:var(--ui-primary)}.editor-work{background:var(--ui-bg);padding:25px}.editor-hint{color:var(--ui-muted)}.visual-editor,.code-editor{border-color:var(--ui-border);border-radius:14px;box-shadow:var(--ui-shadow)}.code-editor{background:var(--ui-card);color:var(--ui-text)}.editor-theme-toggle{flex:0 0 auto}.editor-title-wrap{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.editor-title-wrap strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:760px){.public-header__inner{align-items:flex-start;flex-direction:column;padding:13px 0}.public-header{position:static}.public-nav{width:100%}.public-nav a{flex:1;text-align:center;min-width:90px}.catalog-category-grid{grid-template-columns:1fr}.catalog-site-modern{grid-template-columns:auto 1fr}.catalog-open-btn{grid-column:1/-1;width:100%}.catalog-result-bar{flex-direction:column}.public-footer__inner{flex-direction:column;justify-content:center;text-align:center;padding:20px 0}.editor-topbar{height:auto;min-height:68px;flex-wrap:wrap}.editor-layout{height:auto}.editor-theme-toggle{margin-left:auto}}
@media(max-width:480px){.public-container{width:min(100% - 22px,1120px)}.catalog-hero{padding:49px 0 43px}.catalog-site-modern{grid-template-columns:1fr}.catalog-site-modern__mark{width:52px;height:52px}.catalog-open-btn{grid-column:auto}.catalog-category-card{padding:19px}.catalog-category-card__icon{width:46px;height:46px}.pagination a{min-width:38px;min-height:38px}}

/* v5.4: Lark-inspired calm visual tone */
:root{
  --lark-green:#79a96b;
  --lark-green-dark:#4f7f45;
  --lark-yellow:#fff7c7;
  --lark-yellow-soft:#fffbe7;
  --lark-line:#c8d8b7;
  --lark-blue:#3f6696;
}

/* Landing: softer highlights, classic Lark palette */
.landing-page{background:#fafbf6;color:#293128}
.simple-header{background:#fffef8;border-bottom:1px solid #dfe7d3;box-shadow:none}
.brand{color:#2e382d}
.brand__mark{background:linear-gradient(180deg,#8cc27c,#68a05b);border-radius:7px;box-shadow:none}
.simple-nav a{color:#52604f;border-radius:6px}
.simple-nav a:hover{background:#f4f8ec;color:var(--lark-green-dark)}
.simple-nav .nav-button{background:var(--lark-green);color:#fff;box-shadow:none}
.simple-nav .nav-button:hover{background:var(--lark-green-dark)}
.simple-hero{background:linear-gradient(180deg,#fffef7 0%,#fff9d8 100%);border-bottom:1px solid #eadfa8}
.simple-hero__content{padding:72px 0 76px}
.hero-label{background:#f2f8e9;color:var(--lark-green-dark);border:1px solid #d8e6ca;border-radius:6px}
.simple-hero h1{color:#293128;letter-spacing:-1.2px}
.simple-hero p{color:#647060}
.landing-btn{border-radius:7px;box-shadow:none}
.landing-btn--primary{background:var(--lark-green);color:#fff;box-shadow:none}
.landing-btn--primary:hover{background:var(--lark-green-dark)}
.landing-btn--light{background:#fffef8;border-color:#d7dfcd;color:#41503e}
.landing-heading>span{color:var(--lark-green-dark)}
.landing-heading h2{color:#2e372d}
.benefits-grid{gap:14px}
.benefit-card{border-color:#dfe7d5;border-radius:10px;box-shadow:0 3px 10px rgba(55,72,49,.045);background:#fffefb}
.benefit-icon{border-radius:8px;background:#f5f9eb;border:1px solid #e0eacf}
.quick-section{background:#f3f6ed;color:#293128;border-top:1px solid #dfe7d3;border-bottom:1px solid #dfe7d3}
.quick-section .landing-heading h2{color:#293128}
.quick-section .landing-heading>span{color:var(--lark-green-dark)}
.quick-card{min-height:170px;border-radius:10px;background:#fffefb;border-color:#dbe4d2;color:#2d372b;box-shadow:0 3px 10px rgba(55,72,49,.035)}
.quick-card:hover{transform:translateY(-2px);background:#fffbea;border-color:#bdcfac}
.quick-card small{color:#6a7567}
.stats-simple{border-radius:10px;border-color:#dfe7d5;background:#fffefb;box-shadow:none}
.stats-simple strong{color:var(--lark-green-dark)}
.landing-footer{background:#eef3e8;color:#667262;padding-top:44px}
.brand--footer,.footer-links strong{color:#2f3b2d}
.footer-links a{color:#5d6c59}
.footer-links a:hover{color:var(--lark-green-dark)}
.landing-footer__bottom{border-top-color:#d4dfca}

/* Public catalog: less shine and a more classic, tidy Lark look */
:root{--ui-bg:#f7f8f2;--ui-card:#fffefb;--ui-text:#293128;--ui-muted:#687466;--ui-border:#dbe4d2;--ui-primary:#5f9360;--ui-primary-hover:#477a4c;--ui-soft:#f0f6e8;--ui-header:#fffef8;--ui-shadow:0 3px 11px rgba(49,69,45,.05)}
html[data-theme="dark"]{--ui-bg:#151a15;--ui-card:#1d241d;--ui-text:#edf2e9;--ui-muted:#aab5a6;--ui-border:#354034;--ui-primary:#91bd83;--ui-primary-hover:#abd09f;--ui-soft:#293328;--ui-header:#1a201a;--ui-shadow:0 3px 12px rgba(0,0,0,.2)}
.public-header{box-shadow:none}
.public-nav a,.theme-toggle{border-radius:7px}
.catalog-hero{padding:58px 0 50px;background:linear-gradient(180deg,var(--ui-card),#fff9d9);border-bottom-color:#e7dca5}
html[data-theme="dark"] .catalog-hero{background:linear-gradient(180deg,var(--ui-card),var(--ui-bg));border-bottom-color:var(--ui-border)}
.catalog-hero h1{font-size:clamp(34px,5vw,54px);letter-spacing:-.8px}
.section-label{color:var(--ui-primary)}
.catalog-section{padding-top:40px}
.catalog-category-grid{gap:12px}
.catalog-category-card{padding:19px;border-radius:10px;box-shadow:var(--ui-shadow)}
.catalog-category-card:hover{transform:translateY(-2px)}
.catalog-category-card__icon{width:48px;height:48px;border-radius:8px}
.catalog-site-modern{padding:20px;border-radius:10px;box-shadow:var(--ui-shadow)}
.catalog-site-modern__mark{border-radius:9px}
.catalog-badge{border-radius:6px}
.catalog-open-btn,.pagination a{border-radius:7px}
.empty-state{border-radius:10px}

/* Editor: more compact and calm */
.editor-topbar{height:60px;min-height:60px;padding:8px 14px;box-shadow:none;border-bottom:1px solid var(--ui-border)}
.editor-layout{grid-template-columns:270px 1fr;height:calc(100vh - 60px)}
.editor-sidebar{padding:17px;background:var(--ui-card)}
.editor-sidebar h3{font-size:16px;margin-bottom:9px}
.editor-sidebar label{font-size:13px;margin-top:9px}
.editor-sidebar input{padding:8px;border-radius:6px}
.editor-sidebar hr{margin:15px 0}
.block-buttons{gap:6px}
.block-buttons button{min-height:38px;padding:8px 5px;border-radius:6px;font-size:13px}
.editor-work{padding:17px;background:#eef1e8}
html[data-theme="dark"] .editor-work{background:var(--ui-bg)}
.editor-hint{margin-bottom:8px;font-size:12px}
.visual-editor,.code-editor{max-width:920px;min-height:calc(100vh - 102px);padding:27px;border-radius:8px;box-shadow:0 4px 14px rgba(49,69,45,.055)}
.visual-editor:focus{border-color:var(--ui-primary);box-shadow:0 0 0 2px rgba(95,147,96,.08)}
.visual-editor .builder-section{margin-bottom:15px;padding:10px}
.visual-editor .builder-section:hover{border-color:#94b889;background:#fbfff6}
html[data-theme="dark"] .visual-editor .builder-section:hover{background:#222b22}
.editor-topbar .btn{border-radius:6px;padding:9px 13px;background:var(--ui-primary)}
.editor-theme-toggle{width:38px;height:38px;border-radius:7px}

@media(max-width:760px){
  .editor-layout{height:auto}.editor-sidebar{padding:14px}.editor-work{padding:9px}
  .visual-editor,.code-editor{padding:17px;border-radius:7px;min-height:540px}
  .simple-hero__content{padding:54px 0 60px}
}

/* v5.5: unified builder interface */
body:not(.landing-page):not(.catalog-page):not(.editor-body){background:var(--ui-bg);color:var(--ui-text);min-height:100vh}
body:not(.landing-page):not(.catalog-page):not(.editor-body) .topbar{min-height:62px;display:flex;align-items:center;background:var(--ui-header);color:var(--ui-text);border-bottom:1px solid var(--ui-border);padding:10px max(16px,calc((100vw - 1080px)/2));box-shadow:none;position:sticky;top:0;z-index:20}
body:not(.landing-page):not(.catalog-page):not(.editor-body) .topbar>a,body:not(.landing-page):not(.catalog-page):not(.editor-body) .topbar strong{color:var(--ui-text);font-size:17px;font-weight:800}
body:not(.landing-page):not(.catalog-page):not(.editor-body) .navlinks{width:100%;gap:7px}
body:not(.landing-page):not(.catalog-page):not(.editor-body) .navlinks a,body:not(.landing-page):not(.catalog-page):not(.editor-body) .topbar>a{color:var(--ui-muted);padding:8px 10px;border-radius:7px;font-weight:700;text-decoration:none}
body:not(.landing-page):not(.catalog-page):not(.editor-body) .navlinks a:hover,body:not(.landing-page):not(.catalog-page):not(.editor-body) .topbar>a:hover{background:var(--ui-soft);color:var(--ui-primary)}
.builder-theme-toggle{margin-left:auto;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--ui-border);border-radius:7px;background:var(--ui-card);color:var(--ui-text);cursor:pointer;font-size:17px}
body:not(.landing-page):not(.catalog-page):not(.editor-body) .wrap{width:min(100% - 28px,1080px);max-width:none;margin:28px auto;padding:0}
body:not(.landing-page):not(.catalog-page):not(.editor-body) .card{background:var(--ui-card);color:var(--ui-text);border:1px solid var(--ui-border);border-radius:10px;padding:22px;margin-bottom:16px;box-shadow:var(--ui-shadow)}
body:not(.landing-page):not(.catalog-page):not(.editor-body) .card h1,body:not(.landing-page):not(.catalog-page):not(.editor-body) .card h2,body:not(.landing-page):not(.catalog-page):not(.editor-body) .card h3{color:var(--ui-text);margin-top:0}
body:not(.landing-page):not(.catalog-page):not(.editor-body) .hero.compact{padding:27px;border:1px solid #eadfa8;border-radius:10px;background:linear-gradient(180deg,var(--ui-card),#fff9d9);box-shadow:none;margin-bottom:16px}
html[data-theme="dark"] body:not(.landing-page):not(.catalog-page):not(.editor-body) .hero.compact{background:linear-gradient(180deg,var(--ui-card),var(--ui-bg));border-color:var(--ui-border)}
body:not(.landing-page):not(.catalog-page):not(.editor-body) .hero.compact h1{margin:0 0 7px;color:var(--ui-text)}
body:not(.landing-page):not(.catalog-page):not(.editor-body) .hero.compact p{margin:0;color:var(--ui-muted)}
body:not(.landing-page):not(.catalog-page):not(.editor-body) label{color:var(--ui-text);font-size:14px}
body:not(.landing-page):not(.catalog-page):not(.editor-body) input,body:not(.landing-page):not(.catalog-page):not(.editor-body) select,body:not(.landing-page):not(.catalog-page):not(.editor-body) textarea{background:var(--ui-bg);color:var(--ui-text);border:1px solid var(--ui-border);border-radius:7px;padding:11px 12px;outline:none}
body:not(.landing-page):not(.catalog-page):not(.editor-body) input:focus,body:not(.landing-page):not(.catalog-page):not(.editor-body) select:focus,body:not(.landing-page):not(.catalog-page):not(.editor-body) textarea:focus{border-color:var(--ui-primary);box-shadow:0 0 0 2px rgba(95,147,96,.10)}
body:not(.landing-page):not(.catalog-page):not(.editor-body) .btn{background:var(--ui-primary);border-radius:7px;padding:10px 14px;font-weight:800;box-shadow:none}
body:not(.landing-page):not(.catalog-page):not(.editor-body) .btn:hover{background:var(--ui-primary-hover)}
body:not(.landing-page):not(.catalog-page):not(.editor-body) .btn.secondary{background:var(--ui-soft);color:var(--ui-primary);border:1px solid var(--ui-border)}
body:not(.landing-page):not(.catalog-page):not(.editor-body) .btn.secondary:hover{border-color:var(--ui-primary)}
body:not(.landing-page):not(.catalog-page):not(.editor-body) .site-card-row{padding:18px;margin-top:12px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-bg)}
body:not(.landing-page):not(.catalog-page):not(.editor-body) .site-row{border-bottom-color:var(--ui-border)}
body:not(.landing-page):not(.catalog-page):not(.editor-body) .module-card,body:not(.landing-page):not(.catalog-page):not(.editor-body) .file-card{background:var(--ui-bg);border-color:var(--ui-border);border-radius:9px}
body:not(.landing-page):not(.catalog-page):not(.editor-body) .admin-item{border-bottom-color:var(--ui-border)}
body:not(.landing-page):not(.catalog-page):not(.editor-body) .muted{color:var(--ui-muted)}
body:not(.landing-page):not(.catalog-page):not(.editor-body) a{color:var(--ui-primary)}
body:not(.landing-page):not(.catalog-page):not(.editor-body) .notice{border-radius:7px}
body.auth-page{display:grid;grid-template-rows:auto 1fr;background:var(--ui-bg)}
body.auth-page .wrap{display:grid;place-items:center;margin:0 auto;padding:34px 0}
body.auth-page .card{width:min(100%,440px);padding:28px}
body.auth-page .card:before{content:'lark';display:block;width:max-content;margin:0 auto 18px;padding:4px 12px;border:1px solid #d8e6ca;border-radius:6px;background:var(--ui-soft);color:var(--ui-primary);font-size:25px;font-weight:900;letter-spacing:-1px}
body.auth-page h1{text-align:center;margin-bottom:22px}
body.auth-page .btn{width:100%;text-align:center;min-height:44px}
body.auth-page form p{margin-bottom:0}
html[data-theme="dark"] body:not(.landing-page):not(.catalog-page):not(.editor-body) .card,html[data-theme="dark"] body:not(.landing-page):not(.catalog-page):not(.editor-body) .topbar,html[data-theme="dark"] body:not(.landing-page):not(.catalog-page):not(.editor-body) .builder-theme-toggle{background:var(--ui-card)}
@media(max-width:700px){body:not(.landing-page):not(.catalog-page):not(.editor-body) .topbar{position:static;padding:10px 12px}body:not(.landing-page):not(.catalog-page):not(.editor-body) .navlinks strong{width:100%;margin-bottom:3px}body:not(.landing-page):not(.catalog-page):not(.editor-body) .navlinks a{padding:7px 8px;font-size:14px}.builder-theme-toggle{margin-left:0}body:not(.landing-page):not(.catalog-page):not(.editor-body) .wrap{width:min(100% - 18px,1080px);margin:15px auto}body:not(.landing-page):not(.catalog-page):not(.editor-body) .card{padding:16px}body:not(.landing-page):not(.catalog-page):not(.editor-body) .site-card-row{padding:14px}}

/* v5.6: button contrast and mobile panel layout fixes */
body:not(.landing-page):not(.catalog-page):not(.editor-body) a.btn,
body:not(.landing-page):not(.catalog-page):not(.editor-body) button.btn,
body:not(.landing-page):not(.catalog-page):not(.editor-body) input.btn{
  color:#fff !important;
  text-decoration:none;
  line-height:1.25;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:normal;
  white-space:normal;
  text-align:center;
}
body:not(.landing-page):not(.catalog-page):not(.editor-body) a.btn.secondary,
body:not(.landing-page):not(.catalog-page):not(.editor-body) button.btn.secondary{
  color:var(--ui-primary) !important;
}
body:not(.landing-page):not(.catalog-page):not(.editor-body) a.btn.danger,
body:not(.landing-page):not(.catalog-page):not(.editor-body) button.btn.danger{
  color:#fff !important;
}
body:not(.landing-page):not(.catalog-page):not(.editor-body) .site-row > *,
body:not(.landing-page):not(.catalog-page):not(.editor-body) .actions > *{
  min-width:0;
  max-width:100%;
}
body:not(.landing-page):not(.catalog-page):not(.editor-body) .actions{
  max-width:100%;
}
body:not(.landing-page):not(.catalog-page):not(.editor-body) .actions form{
  min-width:0;
}
body:not(.landing-page):not(.catalog-page):not(.editor-body) .actions form .btn{
  width:100%;
}
body:not(.landing-page):not(.catalog-page):not(.editor-body) .site-address{
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
}
@media(max-width:700px){
  body:not(.landing-page):not(.catalog-page):not(.editor-body) .site-row:first-of-type{
    gap:14px;
  }
  body:not(.landing-page):not(.catalog-page):not(.editor-body) .site-row:first-of-type > .btn{
    width:100%;
  }
  body:not(.landing-page):not(.catalog-page):not(.editor-body) .actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
    gap:8px;
  }
  body:not(.landing-page):not(.catalog-page):not(.editor-body) .actions > .btn,
  body:not(.landing-page):not(.catalog-page):not(.editor-body) .actions > form{
    width:100%;
    min-width:0;
  }
  body:not(.landing-page):not(.catalog-page):not(.editor-body) .actions .btn{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:9px 7px;
    font-size:14px;
  }
}
@media(max-width:390px){
  body:not(.landing-page):not(.catalog-page):not(.editor-body) .actions{
    grid-template-columns:1fr;
  }
}

/* v5.7 — compact responsive lark.ru inspired interface */
:root{--lark-green:#4f9345;--lark-green-dark:#347336;--lark-soft:#f3f8ee;--lark-line:#dfe9d9;--lark-card:#fff;--lark-text:#273128;--lark-muted:#6b746c;--lark-shadow:0 5px 18px rgba(52,93,45,.07)}
body{background:#f7f9f4;color:var(--lark-text)}
.landing-page .simple-header,.public-header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--lark-line);box-shadow:0 2px 10px rgba(50,80,45,.05);position:sticky;top:0;z-index:20}
.brand{font-weight:900;color:var(--lark-green)!important;letter-spacing:-.7px}.brand__mark{display:none}.simple-nav a,.public-nav a{color:var(--lark-text)}
.simple-hero{padding:44px 0 20px;background:transparent}.simple-hero h1{font-size:clamp(34px,6vw,58px);line-height:1.03;margin:8px 0 14px}.simple-hero p{max-width:650px}.hero-label,.section-label,.landing-heading>span{color:var(--lark-green);font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.landing-section,.quick-section{padding:24px 0}.landing-heading h2{font-size:clamp(27px,4vw,40px);margin:7px 0}.benefits-grid{gap:12px}.benefit-card,.quick-card,.stats-simple,.catalog-category-card,.catalog-site-modern{border:1px solid var(--lark-line);border-radius:14px;background:var(--lark-card);box-shadow:var(--lark-shadow)}
.benefit-card{padding:20px}.benefit-icon,.quick-card__icon{font-size:30px}.quick-section{background:transparent}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quick-card{min-height:160px;padding:22px;justify-content:flex-end}.quick-card strong{font-size:19px;color:var(--lark-green-dark)}.quick-card small{font-size:14px;color:var(--lark-muted)}
.stats-simple{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}.stats-simple>div{min-height:110px;padding:20px;border-right:1px solid var(--lark-line);display:flex;align-items:flex-start;justify-content:center;gap:5px}.stats-simple>div:last-child{border-right:0}.stats-simple strong{font-size:34px;color:var(--lark-green)}
.home-feed{display:grid;gap:16px}.home-box{background:#fff;border:1px solid var(--lark-line);border-radius:14px;padding:18px;box-shadow:var(--lark-shadow)}.home-box__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.home-box__head h2{font-size:14px;letter-spacing:.07em;color:var(--lark-green);text-transform:uppercase;margin:0}.home-box__head a{font-size:14px;color:var(--lark-green)}.feed-row{display:flex;gap:14px;align-items:center;padding:13px;border:1px solid #e9eee6;border-radius:11px;background:#fff}.feed-row+.feed-row{margin-top:8px}.feed-thumb{width:92px;height:64px;border-radius:9px;background:linear-gradient(135deg,#183820,#71a860);display:grid;place-items:center;color:#fff;font-weight:800;flex:none}.feed-main{min-width:0;flex:1}.feed-main strong{display:block;font-size:18px}.feed-main small,.feed-main p{color:var(--lark-muted);margin:4px 0}.feed-url{color:var(--lark-green);overflow-wrap:anywhere}
.landing-footer,.public-footer{background:#f4f8ef;border-top:1px solid var(--lark-line);color:var(--lark-text)}
.catalog-hero{padding:34px 0 20px;background:transparent}.catalog-hero h1{font-size:clamp(30px,5vw,48px);margin:6px 0}.catalog-section{padding:12px 0 38px}.catalog-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-category-card{padding:17px}.catalog-site-modern{padding:16px;gap:15px}.catalog-site-modern__mark{width:92px;height:70px;border-radius:10px;background:linear-gradient(135deg,#183820,#71a860);font-size:26px}.catalog-open-btn{background:var(--lark-green);border-radius:9px;color:#fff!important}
body:not(.landing-page):not(.catalog-page):not(.editor-body) .topbar{background:#fff;border-bottom:1px solid var(--lark-line);box-shadow:0 2px 10px rgba(50,80,45,.05)}
body:not(.landing-page):not(.catalog-page):not(.editor-body) .card{border-radius:14px;box-shadow:var(--lark-shadow)}
body:not(.landing-page):not(.catalog-page):not(.editor-body) .btn{background:var(--lark-green);border-radius:9px}body:not(.landing-page):not(.catalog-page):not(.editor-body) .btn:hover{background:var(--lark-green-dark)}
@media(max-width:720px){
 .landing-wrap,.public-container{width:min(100% - 24px,1080px)}
 .simple-header__inner,.public-header__inner{min-height:64px}.simple-nav,.public-nav{display:none}
 .simple-header__inner:after,.public-header__inner:after{content:'☰';margin-left:auto;font-size:25px;color:var(--lark-text)}
 .simple-hero{padding:28px 0 12px}.simple-hero__actions{display:none}.simple-hero h1{font-size:38px}
 .landing-section,.quick-section{padding:16px 0}.landing-heading p{display:none}
 .benefits-grid{grid-template-columns:1fr 1fr}.benefit-card{padding:15px;min-height:150px}.benefit-card p{font-size:13px}.benefit-card h3{font-size:16px}
 .quick-grid{grid-template-columns:1fr 1fr;gap:10px}.quick-card{min-height:145px;padding:16px}.quick-card__icon{font-size:28px}.quick-card strong{font-size:17px}.quick-card small{font-size:13px}
 .stats-simple{grid-template-columns:1fr 1fr}.stats-simple>div{min-height:94px;padding:15px;border-bottom:1px solid var(--lark-line)}.stats-simple>div:nth-child(2){border-right:0}.stats-simple>div:nth-child(3),.stats-simple>div:nth-child(4){border-bottom:0}.stats-simple strong{font-size:28px}
 .home-box{padding:13px}.feed-row{padding:10px;align-items:flex-start}.feed-thumb{width:100px;height:72px}.feed-main strong{font-size:16px}
 .landing-footer__grid{grid-template-columns:1fr 1fr}.footer-about{grid-column:1/-1}.landing-footer{padding-top:24px}
 .catalog-category-grid{grid-template-columns:1fr}.catalog-site-modern{display:grid;grid-template-columns:105px 1fr}.catalog-site-modern__mark{width:105px;height:82px}.catalog-open-btn{grid-column:1/-1;text-align:center}.catalog-result-bar{font-size:13px}
}
@media(max-width:390px){.benefits-grid{grid-template-columns:1fr}.landing-footer__grid{grid-template-columns:1fr}.footer-about{grid-column:auto}.feed-thumb{width:82px;height:62px}}


/* v5.8 — безопасный JavaScript-редактор */
.code-field,.page-js-field{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;line-height:1.55;tab-size:2;background:#142018!important;color:#eaf4e8!important;border-color:#304c36!important}
.code-field{min-height:220px}.page-js-field{width:100%;min-height:180px;resize:vertical;font-size:12px;box-sizing:border-box;padding:10px;border-radius:10px}
.small{font-size:12px}.editor-sidebar .page-js-field{margin-top:6px}
@media(max-width:760px){.editor-sidebar .page-js-field{min-height:130px}.code-field{min-height:180px}}

/* v5.9 — improved HTML/CSS/JavaScript editor */
.smart-code-editor{margin:8px 0 18px;border:1px solid var(--ui-border);border-radius:12px;overflow:hidden;background:#142018;box-shadow:0 4px 14px rgba(20,32,24,.12)}
.smart-code-toolbar{min-height:46px;padding:8px 10px 8px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#1b2b20;border-bottom:1px solid #304c36;color:#eaf4e8}
.smart-code-toolbar strong{font-size:13px;letter-spacing:.05em}.smart-code-actions{display:flex;gap:6px}.smart-code-actions button,.smart-code-search button{border:1px solid #45664b;background:#263b2b;color:#eaf4e8;border-radius:7px;padding:7px 9px;font:inherit;cursor:pointer}
.smart-code-actions button:hover,.smart-code-search button:hover{background:#34513b}.smart-code-search{display:flex;align-items:center;gap:7px;padding:8px 10px;background:#203225;border-bottom:1px solid #304c36}.smart-code-search[hidden]{display:none}.smart-code-search input{margin:0!important;min-width:0;flex:1;padding:7px 9px!important;background:#101b14!important;color:#fff!important;border:1px solid #45664b!important}.smart-code-search span{font-size:12px;color:#b9cab9;min-width:72px}
.smart-code-stage{position:relative;height:330px;overflow:hidden;background:#142018}.smart-code-lines{position:absolute;z-index:3;left:0;top:0;bottom:0;width:48px;padding:14px 10px 14px 0;overflow:hidden;text-align:right;box-sizing:border-box;color:#718676;background:#17251b;border-right:1px solid #304c36;font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;user-select:none}
.smart-code-highlight,.smart-code-input{position:absolute!important;left:48px!important;top:0!important;width:calc(100% - 48px)!important;height:100%!important;margin:0!important;padding:14px 16px!important;box-sizing:border-box!important;border:0!important;border-radius:0!important;white-space:pre!important;overflow:auto!important;font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace!important;tab-size:2}
.smart-code-highlight{z-index:1;pointer-events:none;color:#dfeadf;background:transparent}.smart-code-highlight code{font:inherit}.smart-code-input{z-index:2;resize:none!important;background:transparent!important;color:transparent!important;caret-color:#fff!important;-webkit-text-fill-color:transparent!important;outline:none!important}.smart-code-input::selection{background:rgba(130,184,125,.32)}
.smart-code-status{display:flex;justify-content:space-between;gap:12px;padding:6px 12px;background:#1b2b20;border-top:1px solid #304c36;color:#9fb39f;font-size:11px}.code-ok{color:#91c78d}.code-warning{color:#ffd281}
.tok-comment{color:#718676}.tok-string{color:#e5c07b}.tok-keyword,.tok-tag{color:#8bc5ff}.tok-number{color:#c7a0ff}.tok-selector{color:#a7d98f}.tok-prop,.tok-attr{color:#7dd3c7}.tok-punc{color:#9aa99c}
.smart-code-editor.is-fullscreen{position:fixed;z-index:9999;inset:10px;margin:0;border-radius:12px}.smart-code-editor.is-fullscreen .smart-code-stage{height:calc(100vh - 116px)}body.code-fullscreen-open{overflow:hidden}
.editor-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.editor-tab{border:1px solid var(--ui-border);background:var(--ui-card);color:var(--ui-muted);border-radius:8px;padding:8px 12px;font-weight:800;cursor:pointer}.editor-tab.is-active{background:var(--ui-primary);border-color:var(--ui-primary);color:#fff}.editor-pane[hidden]{display:none!important}.preview-frame{width:100%;height:calc(100vh - 150px);min-height:520px;border:1px solid var(--ui-border);border-radius:10px;background:#fff}
@media(max-width:760px){.smart-code-stage{height:260px}.smart-code-lines{width:40px}.smart-code-highlight,.smart-code-input{left:40px!important;width:calc(100% - 40px)!important;padding:12px!important}.smart-code-toolbar{align-items:flex-start}.smart-code-actions button{font-size:12px;padding:6px}.smart-code-status{display:block}.smart-code-status span{display:block}.preview-frame{min-height:430px;height:62vh}}

/* SEO settings — v6.0 */
.seo-panel{margin:24px 0;padding:20px;border:1px solid var(--border,#dfe8df);border-radius:18px;background:rgba(77,155,92,.055)}
.seo-panel h2{margin-top:0}.seo-panel textarea{min-height:90px}.seo-details{margin:14px 0;padding:12px;border:1px solid var(--border,#dfe8df);border-radius:14px;background:rgba(77,155,92,.045)}
.seo-details summary{cursor:pointer;font-weight:800;margin-bottom:10px}.seo-details[open] summary{margin-bottom:14px}.muted{opacity:.72}
@media(max-width:700px){.seo-panel{padding:14px;border-radius:14px}.seo-panel .btn{display:block;width:100%;margin:8px 0}.seo-details{padding:10px}}

/* v6.1: menu constructor */
.menu-admin-list{display:grid;gap:9px;margin-top:18px}.menu-admin-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 12px calc(12px + var(--depth)*24px);border:1px solid var(--ui-border,#d8dee8);border-radius:8px;background:var(--ui-bg,#f8fafc)}.menu-admin-info{display:grid;gap:4px;min-width:0}.menu-admin-info span{font-size:12px;color:var(--ui-muted,#667085);overflow-wrap:anywhere}.menu-admin-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.menu-admin-actions form{display:flex;gap:5px;margin:0}.menu-admin-actions .btn{min-height:36px}.menu-admin-row[style*="--depth:1"],.menu-admin-row[style*="--depth:2"],.menu-admin-row[style*="--depth:3"]{border-left:3px solid var(--ui-primary,#5f9360)}
@media(max-width:700px){.menu-admin-row{align-items:flex-start;flex-direction:column;padding-left:calc(10px + var(--depth)*14px)}.menu-admin-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.menu-admin-actions form{width:100%}.menu-admin-actions form:first-of-type{grid-column:1/-1}.menu-admin-actions .btn{width:100%}}

/* v6.2 — library of ready-made blocks */
.block-library-open{width:100%;margin-bottom:8px}.block-quick{margin-top:10px}.modal-open{overflow:hidden}.block-library-modal[hidden]{display:none!important}.block-library-modal{position:fixed;inset:0;z-index:1000;padding:22px;background:rgba(12,18,28,.66);display:grid;place-items:center}.block-library-dialog{width:min(1120px,96vw);max-height:92vh;overflow:auto;background:var(--ui-card);color:var(--ui-text);border:1px solid var(--ui-border);border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.28)}.block-library-header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:20px;padding:22px 24px 15px;background:var(--ui-card);border-bottom:1px solid var(--ui-border)}.block-library-header h2{margin:2px 0 5px}.block-library-header p{margin:0;color:var(--ui-muted)}.block-library-close{width:40px;height:40px;border:1px solid var(--ui-border);border-radius:50%;background:var(--ui-bg);color:var(--ui-text);font-size:26px;cursor:pointer}.block-library-tools{padding:16px 24px;border-bottom:1px solid var(--ui-border)}.block-library-tools input{width:100%;padding:12px 14px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-bg);color:var(--ui-text)}.block-categories{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.block-category{padding:8px 12px;border:1px solid var(--ui-border);border-radius:999px;background:var(--ui-bg);color:var(--ui-text);cursor:pointer}.block-category.is-active{background:var(--ui-primary);border-color:var(--ui-primary);color:#fff}.block-library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:20px 24px 28px}.block-library-card{display:block;text-align:left;padding:10px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-card);color:var(--ui-text);cursor:pointer;transition:.18s ease}.block-library-card:hover{transform:translateY(-2px);border-color:var(--ui-primary);box-shadow:0 8px 22px rgba(0,0,0,.09)}.block-library-card strong,.block-library-card small{display:block}.block-library-card strong{margin:9px 2px 3px}.block-library-card small{margin:0 2px;color:var(--ui-muted);line-height:1.35}.block-card-preview{height:112px;padding:12px;border-radius:8px;background:var(--ui-bg);display:flex;gap:7px;overflow:hidden}.block-card-preview b,.block-card-preview i,.block-card-preview em{display:block;background:var(--ui-border);border-radius:4px}.preview-hero{flex-direction:column;justify-content:center}.preview-hero b{width:70%;height:13px}.preview-hero i{width:90%;height:7px}.preview-hero em{width:28%;height:18px;background:var(--ui-primary)}.preview-split>*{flex:1}.preview-split b{align-self:center;height:54%}.preview-split i{height:100%;background:linear-gradient(135deg,var(--ui-border),var(--ui-soft))}.preview-heading,.preview-text{flex-direction:column;justify-content:center}.preview-heading b,.preview-text b{width:70%;height:12px}.preview-heading i,.preview-text i{width:92%;height:6px}.preview-text i:nth-last-child(1){width:65%}.preview-image b{width:100%;height:100%;background:linear-gradient(135deg,var(--ui-border),var(--ui-soft))}.preview-cards i,.preview-products i,.preview-pricing i,.preview-team i{flex:1;border:1px solid var(--ui-border);background:var(--ui-card)}.preview-products i:before,.preview-team i:before{content:"";display:block;height:45%;background:var(--ui-border)}.preview-gallery{display:grid;grid-template-columns:1fr 1fr}.preview-gallery i{background:var(--ui-border)}.preview-video{display:grid;place-items:center;background:#1f2937}.preview-video b{background:transparent;color:#fff;font-size:28px}.preview-quotes i{flex:1;border:1px solid var(--ui-border);background:var(--ui-card)}.preview-faq{flex-direction:column}.preview-faq i{width:100%;height:18px;border:1px solid var(--ui-border);background:var(--ui-card)}.preview-stats i{flex:1;height:45%;align-self:center;background:var(--ui-primary);opacity:.5}.preview-contacts>*{flex:1}.preview-contacts b{height:70%;align-self:center}.preview-contacts i{height:100%;border:1px solid var(--ui-border);background:var(--ui-card)}.preview-callout{align-items:center}.preview-callout b{width:65%;height:50%}.preview-callout i{width:27%;height:22px;background:var(--ui-primary)}.preview-bigquote{flex-direction:column;align-items:center;justify-content:center}.preview-bigquote b{font-size:32px;background:transparent}.preview-bigquote i{width:75%;height:8px}.preview-divider{align-items:center}.preview-divider i{width:100%;height:1px}.preview-button{flex-direction:column;justify-content:center;align-items:center}.preview-button b{width:60%;height:8px}.preview-button i{width:35%;height:22px;background:var(--ui-primary)}.block-library-empty{grid-column:1/-1;padding:50px;text-align:center;color:var(--ui-muted)}.visual-editor .builder-section.is-selected{border-color:var(--ui-primary)!important;box-shadow:0 0 0 2px rgba(95,147,96,.12)}
@media(max-width:900px){.block-library-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.block-library-modal{padding:0}.block-library-dialog{width:100vw;max-height:100vh;height:100vh;border-radius:0}.block-library-header{padding:16px}.block-library-tools{padding:12px 16px}.block-library-grid{grid-template-columns:repeat(2,1fr);padding:14px 16px}.block-card-preview{height:86px}.block-library-header p{display:none}}


/* v6.3 — media library and visual block settings */
.block-settings{margin-top:14px}.block-settings select,.block-settings input[type="color"]{width:100%}.block-settings input[type="color"]{height:42px;padding:4px}.image-settings .btn{width:100%;margin-bottom:8px}.visual-editor img.media-selected{outline:3px solid var(--ui-primary);outline-offset:3px}.visual-editor.is-media-dragover{box-shadow:inset 0 0 0 4px var(--ui-primary);background:rgba(95,147,96,.08)}
.media-library-modal[hidden]{display:none!important}.media-library-modal{position:fixed;inset:0;z-index:1100;padding:22px;background:rgba(12,18,28,.68);display:grid;place-items:center}.media-library-dialog{width:min(1050px,96vw);max-height:92vh;overflow:auto;background:var(--ui-card);color:var(--ui-text);border:1px solid var(--ui-border);border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.3)}.media-library-header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:18px;padding:20px 24px 14px;background:var(--ui-card);border-bottom:1px solid var(--ui-border)}.media-library-header h2{margin:2px 0}.media-library-header p{margin:0;color:var(--ui-muted)}.media-upload-zone{margin:18px 24px;padding:28px;border:2px dashed var(--ui-border);border-radius:14px;text-align:center;cursor:pointer;background:var(--ui-bg);transition:.15s}.media-upload-zone:hover,.media-upload-zone.is-dragover{border-color:var(--ui-primary);background:rgba(95,147,96,.09)}.media-upload-zone input{display:none}.media-upload-zone strong,.media-upload-zone span{display:block}.media-upload-zone span{margin-top:5px;color:var(--ui-muted)}.media-toolbar{display:flex;gap:10px;padding:0 24px 12px}.media-toolbar input{flex:1}.media-status{min-height:24px;padding:0 24px;color:var(--ui-muted)}.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:10px 24px 26px}.media-card{padding:8px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-card);color:var(--ui-text);text-align:left;cursor:pointer}.media-card:hover{border-color:var(--ui-primary);transform:translateY(-1px)}.media-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;background:var(--ui-bg)}.media-card span,.media-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-card span{margin-top:8px;font-weight:700}.media-card small{color:var(--ui-muted)}.media-empty{padding:40px;text-align:center;color:var(--ui-muted)}
.file-card .file-preview{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;margin-bottom:8px;background:var(--ui-bg)}
@media(max-width:760px){.media-library-modal{padding:0}.media-library-dialog{width:100vw;height:100vh;max-height:100vh;border-radius:0}.media-library-header{padding:15px}.media-upload-zone{margin:12px 15px;padding:20px}.media-toolbar{padding:0 15px 10px}.media-grid{grid-template-columns:repeat(2,1fr);padding:8px 15px 20px}.media-status{padding:0 15px}}

/* v6.4 — visual block controls */
.advanced-block-settings select,.advanced-block-settings input[type="color"]{width:100%}.advanced-block-settings input[type="color"]{height:42px;padding:4px}.setting-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.advanced-block-settings>.small{margin-bottom:10px}.advanced-block-settings .btn{width:100%;margin-top:7px}
.block-floating-toolbar{position:fixed;z-index:950;display:flex;gap:4px;padding:5px;border:1px solid var(--ui-border);border-radius:11px;background:var(--ui-card);box-shadow:0 9px 28px rgba(0,0,0,.18)}.block-floating-toolbar[hidden]{display:none!important}.block-floating-toolbar button{width:35px;height:35px;border:0;border-radius:8px;background:var(--ui-bg);color:var(--ui-text);cursor:pointer;font-size:16px}.block-floating-toolbar button:hover{background:var(--ui-primary);color:#fff}.visual-editor>.builder-section{position:relative;transition:opacity .15s,box-shadow .15s,transform .15s}.visual-editor>.builder-section.is-block-active{outline:2px solid var(--ui-primary);outline-offset:4px}.visual-editor>.builder-section.is-dragging{opacity:.45;transform:scale(.99)}.visual-editor>.builder-section[data-block-hidden="1"]{display:block!important;opacity:.38;filter:grayscale(.5)}.visual-editor>.builder-section[data-block-hidden="1"]:after{content:"Блок скрыт на опубликованном сайте";position:absolute;inset:8px auto auto 8px;padding:5px 9px;border-radius:999px;background:#111827;color:#fff;font:700 11px/1 Arial,sans-serif;pointer-events:none}
@media(max-width:700px){.block-floating-toolbar{left:8px!important;right:8px;justify-content:center;overflow-x:auto}.block-floating-toolbar button{flex:0 0 38px}.setting-actions{grid-template-columns:1fr}}


/* v6.5 structured blocks */
.page-structure-panel{margin-top:16px}.structure-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.structure-heading h3{margin:0}.structure-badge{font-size:11px;font-weight:800;letter-spacing:.08em;padding:3px 7px;border-radius:999px;background:rgba(77,155,92,.14);color:var(--accent,#397d46)}.page-structure-list{display:grid;gap:6px;margin-top:10px}.page-structure-item{width:100%;display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:7px;text-align:left;border:1px solid var(--border,#dbe3dc);background:var(--card,#fff);color:inherit;border-radius:10px;padding:8px;cursor:pointer}.page-structure-item:hover{border-color:var(--accent,#4d9b5c);transform:translateY(-1px)}.structure-index{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:rgba(77,155,92,.12);font-size:12px;font-weight:800}.structure-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700}.structure-state{font-size:10px;color:#a65f31}.page-structure-item.is-hidden{opacity:.62;border-style:dashed}.visual-editor>.builder-section[data-block-hidden="1"]{position:relative;opacity:.56;filter:saturate(.55)}.visual-editor>.builder-section[data-block-hidden="1"]:after{content:"Скрытый блок";position:absolute;right:10px;top:10px;padding:4px 8px;border-radius:999px;background:#2f3430;color:#fff;font-size:11px;font-weight:800;pointer-events:none}


/* v6.8 design editor */
.design-editor-body{margin:0;background:var(--ui-bg);color:var(--ui-text);overflow:hidden}.design-layout{display:grid;grid-template-columns:390px 1fr;height:calc(100vh - 58px)}.design-sidebar{overflow:auto;padding:18px;background:var(--ui-card);border-right:1px solid var(--ui-border)}.design-panel{padding:17px;margin-bottom:14px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-bg)}.design-panel h2{font-size:17px;margin:0 0 14px}.design-panel label{display:grid;gap:7px;margin:13px 0;font-weight:700}.design-panel select,.design-panel input[type=range]{width:100%}.design-panel output{justify-self:end;color:var(--ui-muted);font-size:12px}.design-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.design-color-grid label{grid-template-columns:42px 1fr;align-items:center;margin:0;padding:9px;border:1px solid var(--ui-border);border-radius:9px}.design-color-grid label span{grid-column:1/-1;font-size:12px}.design-color-grid input{width:42px;height:34px;padding:2px;border:0;background:transparent}.design-color-grid code{font-size:11px;color:var(--ui-muted)}.design-actions{position:sticky;bottom:0;display:flex;gap:9px;padding:12px 0;background:var(--ui-card)}.design-preview{min-width:0;display:flex;flex-direction:column;background:#cfd5dc}.design-preview-bar{height:52px;display:flex;align-items:center;gap:10px;padding:0 16px;background:var(--ui-card);border-bottom:1px solid var(--ui-border)}.design-preview-bar span{color:var(--ui-muted);font-size:12px;margin-right:auto}.design-preview-bar button{border:1px solid var(--ui-border);background:var(--ui-bg);color:var(--ui-text);border-radius:7px;padding:7px 10px;cursor:pointer}.design-frame-wrap{flex:1;padding:18px;display:flex;justify-content:center;min-height:0}.design-frame-wrap iframe{width:100%;height:100%;border:0;border-radius:10px;background:white;box-shadow:0 10px 35px rgba(0,0,0,.16);transition:width .2s}.design-frame-wrap.is-mobile iframe{width:390px;max-width:100%}@media(max-width:900px){.design-editor-body{overflow:auto}.design-layout{grid-template-columns:1fr;height:auto}.design-sidebar{overflow:visible;border-right:0}.design-preview{min-height:650px}.design-color-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.design-color-grid{grid-template-columns:1fr}.design-preview-bar span{display:none}}