:root{color-scheme:dark;--bg:#0b131b;--panel:#13212d;--line:#2c414f;--text:#f2f5f7;--muted:#a7b8c6;--orange:#ffa33f}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 100% 0,#1a3044 0,transparent 55%),var(--bg);color:var(--text);font:16px/1.6 'Segoe UI',Arial,sans-serif;min-height:100vh}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}header{min-height:94px;max-width:1480px;padding:20px 5%;margin:auto;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.03em;font-size:23px;line-height:1.2}.brand small{font-size:9px;letter-spacing:.18em;display:block;margin-top:6px;color:var(--muted)}.mark{display:grid;place-items:center;min-width:44px;height:48px;background:var(--orange);color:#10202d;font-size:24px;font-weight:400}.header-actions{display:flex;gap:25px;align-items:center;font-size:13px}.header-actions a{color:#c8d8e6}.quiet{border:0;background:none;color:#bccedd;font-size:13px;padding:5px 0}.quiet:hover{color:var(--orange)}main{max-width:1320px;padding:55px 30px 85px;margin:auto}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--orange)}h1{font-size:clamp(38px,4vw,58px);line-height:1.12;letter-spacing:-.035em;margin:16px 0}h1 em{font-style:normal;color:var(--orange)}h2{font-size:26px;line-height:1.25;margin:12px 0 25px}p{color:var(--muted)}.login-panel{max-width:490px;margin:5vh auto 8vh}.login-panel>p{margin:25px 0}.login-panel form{margin-top:35px}.primary{background:var(--orange);color:#14202a;border:1px solid var(--orange);border-radius:5px;padding:14px 22px;font-size:15px;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:26px}.primary:hover{background:#ffb65f}.login-panel .primary,.editor .primary{width:100%;margin-top:22px}label{display:block;color:#d3dee6;font-size:13px;font-weight:600;margin:0 0 18px}input:not([type=checkbox]),textarea,select{display:block;margin-top:7px;width:100%;border:1px solid #3a5365;border-radius:4px;background:#0c1822;padding:12px;color:#f4f7f9;font-size:16px;font-weight:400}input:focus,textarea:focus,select:focus{outline:2px solid var(--orange);outline-offset:1px}input::placeholder,textarea::placeholder{color:#8499aa}textarea{resize:vertical}.hint{font-size:12px;color:#9cafbf;line-height:1.7}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:40px}.page-heading h1>span{font-size:22px;color:var(--muted);font-weight:400}.page-heading p{margin:14px 0 0;font-size:14px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);gap:35px;align-items:start}.list-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 0 16px;margin-bottom:16px;gap:15px}.list-top>span{font-size:10px;letter-spacing:.12em;color:var(--muted)}.service-item{background:#12212c;width:100%;padding:17px;border:1px solid #293e4e;border-radius:5px;margin:0 0 12px;display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:17px;text-align:left;color:var(--text);align-items:center}.service-item:hover,.service-item[aria-pressed=true]{border-color:var(--orange);background:#182b38}.service-item img{width:68px;height:74px;object-fit:cover;border-radius:3px}.service-item strong{display:block;font-size:16px;line-height:1.35;overflow-wrap:anywhere}.service-item .category{display:block;font-size:10px;color:#adc1d1;letter-spacing:.07em;margin-bottom:7px}.service-item small{font-size:12px;color:#acbfcc}.state{font-size:10px;display:block;white-space:nowrap;color:#b4e5c6;margin-top:8px}.state.is-hidden{color:#e8be87}.service-arrow{font-size:20px;color:var(--orange)}.editor{background:var(--panel);border:1px solid var(--line);padding:28px;border-radius:6px;min-width:0}.editor-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field-pair label{min-width:0;margin-bottom:0}.image-preview{width:100%;height:150px;object-fit:cover;border-radius:4px;margin-bottom:22px}.visibility{display:flex;align-items:flex-start;gap:12px;background:#203340;border:1px solid #3b5262;border-radius:5px;padding:15px;margin-top:3px}.visibility input{width:20px;height:20px;accent-color:var(--orange);flex-shrink:0;margin-top:3px}.visibility strong{display:block;font-size:14px}.visibility small{display:block;color:#b7c9d6;font-size:12px;line-height:1.6;font-weight:400;margin-top:4px}.status{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);width:max-content;max-width:min(620px,calc(100vw - 32px));padding:15px 22px;border:1px solid #d28a3c;border-radius:6px;background:#1c2c37;color:#fff;box-shadow:0 8px 40px #0007;font-size:14px;z-index:10}.status.error{border-color:#ff8c80;background:#46292d}footer{border-top:1px solid var(--line);max-width:1260px;margin:0 auto;padding:22px 30px;color:#8ca4b6;font-size:10px;letter-spacing:.08em;display:flex;justify-content:space-between;gap:20px}@media(max-width:760px){header{padding:18px 20px;min-height:85px}.brand{font-size:18px}.header-actions{gap:14px;font-size:11px}.mark{min-width:36px;height:42px;font-size:21px}main{padding:35px 18px 60px}.page-heading{display:block;margin-bottom:30px}.page-heading>.primary{margin-top:25px;width:100%}.workspace-grid{grid-template-columns:1fr;gap:25px}.editor{padding:20px}.login-panel{margin:6vh auto}.service-item{gap:12px;padding:13px;grid-template-columns:58px minmax(0,1fr) auto}.service-item img{width:58px;height:68px}.service-item strong{font-size:15px}.header-actions .quiet{font-size:11px}.field-pair{gap:10px}footer{margin:0 18px;padding:20px 0}.status{bottom:12px}}@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s,border-color .15s}}

.demo-notice{display:flex;gap:25px;justify-content:space-between;align-items:center;background:#1d3242;border:1px solid #456174;border-left:3px solid var(--orange);border-radius:5px;padding:20px 24px;margin-bottom:35px}.demo-notice strong{color:var(--orange);font-size:11px;letter-spacing:.12em}.demo-notice p{font-size:13px;line-height:1.7;margin:8px 0 0;max-width:810px;color:#c3d3df}.demo-notice button{flex-shrink:0;color:#ffe1b9}.sandbox-preview{min-width:0;border:1px solid var(--line);border-radius:6px;background:#101d28;overflow:hidden}.preview-heading{padding:22px 20px 16px}.preview-heading h2{font-size:23px;margin:10px 0}.preview-heading p{font-size:12px;margin:0;line-height:1.7}.preview-browser{height:34px;background:#21394c;display:flex;justify-content:space-between;align-items:center;padding:0 12px;font-size:8px;letter-spacing:.06em;color:#bbcfde}.preview-browser>span:first-child{display:flex;gap:4px}.preview-browser i{width:5px;height:5px;border-radius:50%;background:#829eaf}#site-frame{width:100%;height:690px;display:block;border:0;background:#101a24}.sandbox-preview>.hint{padding:0 16px}.workspace-grid{grid-template-columns:minmax(185px,.75fr) minmax(300px,1.05fr) minmax(340px,1.2fr);gap:20px}main{max-width:1640px}.service-item{grid-template-columns:48px minmax(0,1fr);padding:12px;gap:11px}.service-item img{width:48px;height:63px}.service-arrow{display:none}.editor{padding:22px}.service-item strong{font-size:14px}.list-top{min-height:48px}.list-top a{font-size:10px}.demo-notice button{font-size:12px}.preview-updated{border-color:var(--orange)}@media(max-width:1150px){.workspace-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1fr)}.sandbox-preview{grid-column:1/-1}#site-frame{height:650px}.demo-notice{align-items:flex-start}.demo-notice button{max-width:180px;text-align:left}}@media(max-width:760px){.demo-notice{display:block;padding:18px}.demo-notice button{margin-top:14px;max-width:none}.workspace-grid{grid-template-columns:1fr}.sandbox-preview{grid-column:auto}.editor{padding:20px}#site-frame{height:620px}.page-heading p{font-size:13px}.header-actions{font-size:10px;gap:10px}.brand{font-size:16px}.brand small{font-size:8px}}

/* Пять разделов панели: навигация, редактор, живой предпросмотр. */
.section-nav{display:flex;flex-direction:column;gap:8px;margin-bottom:26px}.section-nav button{display:flex;gap:14px;align-items:center;text-align:left;border:1px solid #304a5d;background:#11212d;color:#c8d7e3;border-radius:5px;padding:14px;font-size:14px;line-height:1.5}.section-nav button span{font-size:10px;color:#8ba8be}.section-nav button[aria-pressed=true]{border-color:var(--orange);background:#263748;color:#fff}.sidebar-note{margin-top:24px}.editor h2{margin-top:18px}#editor-fields form>label{margin-bottom:20px}.photo-control{padding:14px;border:1px solid #3b5365;border-radius:5px;margin:14px 0 22px}.photo-control img{display:block;width:100%;height:145px;object-fit:cover;border-radius:3px;margin-bottom:12px}.photo-control input[type=file]{font-size:12px;padding:10px;overflow:hidden}.photo-control .hint{margin:8px 0 0}.photo-control label{margin-bottom:12px}.photo-control select{font-size:14px}.editor details{border-top:1px solid #355063;padding-top:16px;margin:22px 0}.editor summary{font-size:14px;cursor:pointer;color:#e5eef5}.editor details[open] summary{margin-bottom:18px}.editor fieldset{border:1px solid #385166;border-radius:5px;padding:15px;margin:15px 0}.editor legend{font-size:12px;color:#b4cbdd;padding:0 6px}.editor fieldset label:last-child{margin-bottom:0}.gallery-edit-card{border:1px solid #3a5468;border-radius:5px;padding:14px;margin:18px 0;background:#0e1c27}.gallery-edit-card img{display:block;width:100%;height:135px;object-fit:cover;margin-bottom:14px}.gallery-edit-actions{display:flex;gap:18px;align-items:center;justify-content:space-between}.gallery-edit-actions button{font-size:12px;line-height:1.5}.gallery-edit-actions .remove-photo{color:#ffb6a6}.upload-gallery{display:block;padding:16px;border:1px dashed #7590a5;border-radius:5px;margin:20px 0}.upload-gallery input{font-size:12px;overflow:hidden}.gallery-preset{margin-top:10px}.editor .save-content{width:100%;margin-top:23px}.section-help{font-size:13px;color:#afc4d5;margin:0 0 23px}.image-processing{opacity:.6;pointer-events:none}.page-heading h1{font-size:clamp(32px,3.4vw,49px)}.page-heading{margin-bottom:32px}.sidebar{min-width:0}.editor input,.editor textarea{overflow-wrap:anywhere}.editor textarea{line-height:1.65}.editor textarea.title-lines{min-height:135px}.visibility{margin-top:18px}.demo-notice{margin-bottom:28px}.workspace-grid{grid-template-columns:minmax(190px,.65fr) minmax(310px,1.05fr) minmax(350px,1.2fr)}@media(max-width:1150px){.workspace-grid{grid-template-columns:minmax(180px,.65fr) minmax(0,1.4fr)}.sandbox-preview{grid-column:1/-1}}@media(max-width:760px){.workspace-grid{grid-template-columns:1fr}.section-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}.section-nav button{font-size:12px;padding:12px;gap:9px}.section-nav button:last-child{grid-column:1/-1}.sidebar-note{display:none}.sandbox-preview{grid-column:auto}.page-heading h1{font-size:36px}.editor .field-pair{grid-template-columns:1fr}.editor .field-pair label{margin-bottom:16px}}

/* Редактор показывает исходный кадр целиком; обрезку оценивают в предпросмотре. */
.photo-control img,.gallery-edit-card img{object-fit:contain;background:#08121c}.photo-control .hint{font-size:12px;line-height:1.7}

/* Разделы всегда под рукой. Переключение не прокручивает панель. */
body{overflow-anchor:none}.workspace-grid{overflow-anchor:none}.section-nav{grid-column:1/-1;position:sticky;top:0;z-index:35;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:12px;background:#0b1722;border:1px solid #314b60;border-radius:6px;align-self:start;box-shadow:0 8px 24px #0004}.section-nav button{min-width:0;margin:0;justify-content:center;gap:10px;font-size:13px;padding:12px 8px}.section-short{display:none}.section-nav .section-number{font-size:10px}.section-nav .section-label{font-size:13px;color:inherit}.workspace-grid:not([data-panel=services]){grid-template-columns:minmax(0,1fr) minmax(350px,1.1fr)}.workspace-grid:not([data-panel=services]) .sidebar{display:none}.workspace-grid:not([data-panel=services]) .sandbox-preview{grid-column:auto}.sidebar{min-width:0}.sidebar #services-sidebar{display:block}.sidebar #services-sidebar[hidden]{display:none}.sandbox-preview{overflow-anchor:none;scroll-margin-top:100px}.editor{overflow-anchor:none;scroll-margin-top:100px}.save-content{scroll-margin-bottom:20px}
@media(min-width:1151px){.sidebar{position:sticky;top:102px;align-self:start;max-height:calc(100dvh - 122px);display:flex;flex-direction:column;overflow:hidden}.sidebar #services-sidebar{display:flex;flex-direction:column;overflow:hidden;min-height:0}.sidebar .list-top{flex:none}.sidebar #service-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:5px;scrollbar-width:thin;scrollbar-color:#526e82 #11212d}.sidebar-note{flex:none}.sandbox-preview{position:sticky;top:102px;align-self:start}}
@media(max-width:1150px){.workspace-grid .sandbox-preview{grid-column:1/-1}.workspace-grid:not([data-panel=services]){grid-template-columns:1fr}.section-nav{padding:10px;top:0}.sidebar{position:static}}
@media(max-width:760px){.workspace-grid,.workspace-grid:not([data-panel=services]){grid-template-columns:1fr}.section-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:6px;border-radius:5px}.section-nav button,.section-nav button:last-child{grid-column:auto;display:flex;justify-content:center;align-items:center;padding:11px 2px;font-size:10px;min-height:44px;overflow-wrap:normal}.section-nav .section-number,.section-label{display:none}.section-short{display:block;color:inherit!important;font-size:10px!important;line-height:1.4;letter-spacing:0}.workspace-grid .sandbox-preview{grid-column:auto}.sandbox-preview,.editor{scroll-margin-top:75px}.sidebar{position:static;max-height:none}.sidebar #service-list{max-height:340px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}}