/* Вёрстка экранов модуля «Сайты» из утверждённого эскиза: окно 13, ревизия 355 (/api/design/preview/355).
   Правила скопированы 1-в-1 из <style> эскиза (строки экранного уровня); оболочка (шапка, рельс) здесь не повторяется: ею владеет общий набор. */
.tabs{display:flex;gap:var(--ge-space-1);margin-bottom:var(--ge-space-4)}
.tabs .t{padding:var(--ge-space-2) var(--ge-space-3);border-radius:var(--ge-radius-lg);font-size:var(--ge-font-size-md);font-weight:var(--ge-weight-medium);color:var(--ge-color-text-mute);cursor:pointer}
.tabs .t.on{background:var(--ge-color-brand);color:var(--ge-color-on-fill);font-weight:var(--ge-weight-semibold)}
.toolrow{display:flex;gap:var(--ge-space-3);align-items:center;margin-bottom:var(--ge-space-4)}
.fld{flex:1;max-width:320px;height:var(--ge-control-h);border:1px solid var(--ge-color-border);border-radius:var(--ge-radius-lg);background:var(--ge-color-surface-2);color:var(--ge-color-text-faint);display:flex;align-items:center;padding:0 var(--ge-space-3);font-size:var(--ge-font-size-md)}
.fld .fld-ic{margin-right:var(--ge-space-2)}
.btn{height:var(--ge-control-h);padding:0 var(--ge-space-4);border-radius:var(--ge-radius-lg);border:1px solid var(--ge-color-border);background:var(--ge-color-surface);color:var(--ge-color-text);font:inherit;font-size:var(--ge-font-size-md);font-weight:var(--ge-weight-medium);cursor:pointer;display:inline-flex;align-items:center;gap:var(--ge-space-2)}
.btn.primary{background:var(--ge-color-brand);color:var(--ge-color-on-fill);border-color:transparent;font-weight:var(--ge-weight-semibold)}
.rowsketch{border:1px solid var(--ge-color-border);border-radius:var(--ge-radius-xl);overflow:hidden;background:var(--ge-color-surface)}
.rw{display:flex;align-items:center;gap:var(--ge-space-3);padding:var(--ge-space-3) var(--ge-space-4);border-bottom:1px solid var(--ge-color-border)}
.rw:last-child{border-bottom:0}
.ricon{width:24px;height:24px;border-radius:var(--ge-radius-control);background:var(--ge-color-brand-soft);color:var(--ge-color-brand);display:inline-flex;align-items:center;justify-content:center;font-size:var(--ge-font-size-xs);font-weight:var(--ge-weight-semibold);flex:0 0 auto}
.rt{font-weight:var(--ge-weight-medium);font-size:var(--ge-font-size-md)}
.rb{margin-left:auto;height:8px;border-radius:var(--ge-radius-md);background:var(--ge-color-border);width:120px}
.rb.w2{width:90px}
.rb.w3{width:150px}
.rb.w4{width:110px}
.scr{display:none}.scr.on{display:block}
.pg-h{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ge-space-4);margin-bottom:var(--ge-space-4)}
.pg-h .sub{margin:var(--ge-space-1) 0 0}
.acts{display:flex;gap:var(--ge-space-2);flex-wrap:wrap}
a.btn{text-decoration:none}
.btn svg{width:15px;height:15px}
.btn.ghost{height:var(--ge-control-h-sm);padding:0 var(--ge-space-3);font-size:var(--ge-font-size-sm)}
.gs-page h3{font-size:var(--ge-font-size-md);font-weight:var(--ge-weight-semibold);margin:var(--ge-space-4) 0 var(--ge-space-2);color:var(--ge-color-text)}
.card{background:var(--ge-color-surface);border:1px solid var(--ge-color-border);border-radius:var(--ge-radius-xl)}
.tbl{overflow:auto}
.tbl table{width:100%;border-collapse:collapse;font-size:var(--ge-font-size-md)}
.tbl th{text-align:left;font-size:var(--ge-font-size-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--ge-color-text-faint);font-weight:var(--ge-weight-semibold);padding:var(--ge-space-3) var(--ge-space-4);border-bottom:1px solid var(--ge-color-border);white-space:nowrap}
.tbl td{padding:var(--ge-space-3) var(--ge-space-4);border-bottom:1px solid var(--ge-color-border);vertical-align:baseline}
.tbl tr:last-child td{border-bottom:0}
.tbl .n{text-align:right;font-variant-numeric:tabular-nums}
tr[data-go]{cursor:pointer}tr[data-go]:hover td{background:var(--ge-color-surface-2)}
.mute{color:var(--ge-color-text-faint);font-size:var(--ge-font-size-sm)}
.bdg{display:inline-flex;align-items:center;height:20px;padding:0 var(--ge-space-2);border-radius:var(--ge-radius-pill);font-size:var(--ge-font-size-xs);font-weight:var(--ge-weight-semibold);background:var(--ge-color-surface-2);color:var(--ge-color-text-mute);border:1px solid var(--ge-color-border);white-space:nowrap}
.bdg.ok{color:var(--ge-color-ok);border-color:transparent;background:color-mix(in srgb,var(--ge-color-ok) 12%,transparent)}
.bdg.warn{color:var(--ge-color-warn);border-color:transparent;background:var(--ge-color-warn-bg)}
.bdg.bad{color:var(--ge-color-err);border-color:transparent;background:color-mix(in srgb,var(--ge-color-err) 12%,transparent)}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ge-space-3)}
.kpi{background:var(--ge-color-surface);border:1px solid var(--ge-color-border);border-radius:var(--ge-radius-xl);padding:var(--ge-space-4) var(--ge-space-4);display:flex;flex-direction:column;gap:2px}
.kl{font-size:var(--ge-font-size-sm);color:var(--ge-color-text-mute)}.kn{font-size:var(--ge-font-size-h2);font-weight:var(--ge-weight-semibold);font-variant-numeric:tabular-nums}.kd{font-size:var(--ge-font-size-sm);color:var(--ge-color-text-faint)}
.two{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--ge-space-4)}
.list .li{display:flex;align-items:center;gap:var(--ge-space-3);padding:var(--ge-space-3) var(--ge-space-4);border-bottom:1px solid var(--ge-color-border);font-size:var(--ge-font-size-md)}
.list .li:last-child{border-bottom:0}.list .li .mute{margin-left:auto}
.lk{margin-left:auto;color:var(--ge-color-brand);font-size:var(--ge-font-size-sm);font-weight:var(--ge-weight-semibold);cursor:pointer;white-space:nowrap}
.dot{width:7px;height:7px;border-radius:50%;background:var(--ge-color-border-strong);flex:0 0 auto}.dot.warn{background:var(--ge-color-warn)}
.seg{display:inline-flex;border:1px solid var(--ge-color-border);border-radius:var(--ge-radius-lg);overflow:hidden;height:var(--ge-control-h)}
.seg span{display:inline-flex;align-items:center;padding:0 var(--ge-space-3);font-size:var(--ge-font-size-md);color:var(--ge-color-text-mute);cursor:pointer}
.seg span.on{background:var(--ge-color-brand-soft);color:var(--ge-color-brand);font-weight:var(--ge-weight-semibold)}
.fld svg{width:16px;height:16px;flex:0 0 auto}
.fld span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rowacts{display:inline-flex;gap:var(--ge-space-2);justify-content:flex-end;width:100%}
.note.info{background:var(--ge-color-surface-2);color:var(--ge-color-text-mute)}
.var-sw{display:flex;align-items:center;gap:var(--ge-space-2);margin-top:var(--ge-space-2);height:var(--ge-control-h);padding:0 var(--ge-space-2);border:1px solid var(--ge-color-rail-control-border, var(--ge-color-border));border-radius:var(--ge-radius-lg);background:var(--ge-color-rail-control-bg, var(--ge-color-surface-2));font:inherit;font-size:var(--ge-font-size-sm);color:var(--ge-color-rail-text);cursor:pointer;width:100%}
.var-sw .vs-l{color:var(--ge-color-rail-text-mute, var(--ge-color-text-mute))}.var-sw .vs-n{font-weight:var(--ge-weight-semibold)}
.var-sw .vs-c{margin-left:auto;font-size:var(--ge-font-size-eyebrow);font-weight:var(--ge-weight-semibold);color:var(--ge-color-rail-text-mute, var(--ge-color-text-mute));padding:1px var(--ge-space-2);border-radius:var(--ge-radius-pill);border:1px solid var(--ge-color-rail-control-border, var(--ge-color-border))}
.var-sw .bdg{background:transparent;border-color:var(--ge-color-rail-control-border, var(--ge-color-border))}
.var-pop{display:none;position:absolute;left:0;right:0;top:100%;z-index:25;background:var(--ge-color-surface);border:1px solid var(--ge-color-border);border-radius:var(--ge-radius-xl);box-shadow:var(--ge-shadow-pop);padding:var(--ge-space-2)}
.app[data-var-open="1"] .var-pop{display:block}
.vp-i{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px var(--ge-space-2);padding:var(--ge-space-2) var(--ge-space-3);border-radius:var(--ge-radius-lg);cursor:pointer}
.vp-i:hover{background:var(--ge-color-surface-2)}.vp-i.on{background:var(--ge-color-brand-soft)}
.vp-i .mute{grid-column:1/3}
.vp-f{display:flex;justify-content:space-between;padding:var(--ge-space-2) var(--ge-space-3) var(--ge-space-1);border-top:1px solid var(--ge-color-border);margin-top:var(--ge-space-1)}
.empty{display:none;flex-direction:column;align-items:center;gap:var(--ge-space-2);text-align:center;padding:48px var(--ge-space-5);color:var(--ge-color-text-mute);font-size:var(--ge-font-size-md)}
.empty b{color:var(--ge-color-text);font-size:var(--ge-font-size-section)}.empty .eg svg{width:30px;height:var(--ge-control-h-sm);color:var(--ge-color-text-faint)}
.empty .acts{margin-top:var(--ge-space-3)}
[data-cond="empty-catalog"] .cat-full{display:none}[data-cond="empty-catalog"] .cat-empty{display:flex}
[data-cond="filtered"] .shelf-full{display:none}[data-cond="filtered"] .shelf-filtered{display:flex}
[data-cond="empty-shelf"] .shelf-full{display:none}[data-cond="empty-shelf"] .shelf-empty{display:flex}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ge-space-4)}
.tile{background:var(--ge-color-surface);border:1px solid var(--ge-color-border);border-radius:var(--ge-radius-xl);overflow:hidden}
.thumb{height:118px;background:var(--ge-color-surface-2);border-bottom:1px solid var(--ge-color-border);display:flex;flex-direction:column;gap:var(--ge-space-2);padding:var(--ge-space-4)}
.thumb span{height:10px;border-radius:var(--ge-radius-md);background:var(--ge-color-border)}.thumb span:first-child{width:60%;height:14px;background:var(--ge-color-border-strong)}.thumb span:last-child{width:40%}
.tb{padding:var(--ge-space-3) var(--ge-space-4);display:flex;flex-direction:column;gap:var(--ge-space-1)}.tb b{font-size:var(--ge-font-size-md)}
.ta{display:flex;gap:var(--ge-space-2);margin-top:var(--ge-space-2)}.ta .btn{height:var(--ge-control-h-sm);font-size:var(--ge-font-size-sm);padding:0 var(--ge-space-3)}
.form{padding:var(--ge-space-2) var(--ge-space-4);max-width:720px}
.fld-r{display:grid;grid-template-columns:var(--ge-field-w-sm) minmax(0,1fr);gap:var(--ge-space-1) var(--ge-space-4);padding:var(--ge-space-3) 0;border-bottom:1px solid var(--ge-color-border);align-items:center}
.fld-r:last-child{border-bottom:0}.fl{font-size:var(--ge-font-size-md);color:var(--ge-color-text-mute)}.fh{grid-column:2;font-size:var(--ge-font-size-xs);color:var(--ge-color-text-faint)}
.in{display:flex;align-items:center;height:var(--ge-control-h);padding:0 var(--ge-space-3);border:1px solid var(--ge-color-border);border-radius:var(--ge-radius-lg);background:var(--ge-color-surface-2);font-size:var(--ge-font-size-md)}
.in.sel .chev{margin-left:auto;color:var(--ge-color-text-faint)}
.kv .kvr{display:flex;gap:var(--ge-space-3);padding:var(--ge-space-3) var(--ge-space-4);border-bottom:1px solid var(--ge-color-border);font-size:var(--ge-font-size-md)}
.kv .kvr:last-child{border-bottom:0}.kv .k{flex:0 0 190px;color:var(--ge-color-text-mute)}.kv .v{display:flex;gap:var(--ge-space-2);flex-wrap:wrap;align-items:center}
.media{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ge-space-4)}
.mt{display:flex;flex-direction:column;gap:3px;font-size:var(--ge-font-size-sm)}
.mi-thumb{aspect-ratio:16/10;border-radius:var(--ge-radius-xl);border:1px solid var(--ge-color-border);background:var(--ge-color-surface-2)}
.sw .swr{display:flex;align-items:center;gap:var(--ge-space-3);padding:var(--ge-space-3) var(--ge-space-4);border-bottom:1px solid var(--ge-color-border);font-size:var(--ge-font-size-md)}
.sw .swr:last-child{border-bottom:0}.sw .swr .mute{margin-left:auto}
.chip{width:22px;height:22px;border-radius:var(--ge-radius-control);border:1px solid var(--ge-color-border)}
.chip.c0{background:var(--ge-color-brand)}.chip.c1{background:var(--ge-color-text)}.chip.c2{background:var(--ge-color-text-mute)}.chip.c3{background:var(--ge-color-surface)}.chip.c4{background:var(--ge-color-bg)}.chip.c5{background:var(--ge-color-border)}
.note{padding:var(--ge-space-3) var(--ge-space-4);border-radius:var(--ge-radius-xl);font-size:var(--ge-font-size-md);margin-bottom:var(--ge-space-4);display:flex;gap:var(--ge-space-3);align-items:center}
.note.warn{background:var(--ge-color-warn-bg);border-color:transparent;color:var(--ge-color-warn)}
.diffs-only,.contrast-only,.exact-only{display:none!important}
[data-cond="diffs"] .diffs-only{display:flex!important}[data-cond="diffs"] .bdg.diffs-only{display:inline-flex!important}
[data-cond="diffs"] .swr.chg{background:var(--ge-color-brand-soft)}
[data-cond="contrast"] .contrast-only{display:flex!important}
[data-cond="exact"] .exact-only{display:inline-flex!important}
.note.diffs-only{background:var(--ge-color-brand-soft);color:var(--ge-color-brand)}
.look{display:flex;gap:0;align-items:stretch;border:1px solid var(--ge-color-border);border-radius:var(--ge-radius-xl);overflow:hidden;background:var(--ge-color-surface);min-height:calc(100vh - 220px)}
.look-r{flex:1;min-width:0;border:0!important;border-radius:0!important}
.look-l{width:var(--ge-drawer-w-sm);flex:0 0 auto;border-left:1px solid var(--ge-color-border);display:flex;flex-direction:column;overflow:auto}
.app[data-look="closed"] .look-l{display:none}
.look-open{display:none}.app[data-look="closed"] .look-open{display:inline-flex}
.lp-h{display:flex;align-items:center;justify-content:space-between;padding:var(--ge-space-3) var(--ge-space-4);border-bottom:1px solid var(--ge-color-border)}
.lp-h b{font-size:var(--ge-font-size-md)}.lp-h .btn{height:var(--ge-control-h-sm);padding:0 var(--ge-space-2)}
.lp-acts{display:flex;gap:var(--ge-space-2);padding:var(--ge-space-3) var(--ge-space-4);border-bottom:1px solid var(--ge-color-border)}.lp-acts .btn{flex:1;height:var(--ge-control-h)}
.lk-sec{border-bottom:1px solid var(--ge-color-border);padding-bottom:var(--ge-space-1)}
@media(max-width:1180px){.look-l{width:340px}}
@media(max-width:760px){.look{flex-direction:column}.look-l{width:auto;border-left:0;border-top:1px solid var(--ge-color-border)}}
.lk-h{font-size:var(--ge-font-size-xs);font-weight:var(--ge-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--ge-color-text-faint);padding:var(--ge-space-3) var(--ge-space-4) var(--ge-space-1)}
.tk{display:flex;align-items:center;gap:var(--ge-space-3);padding:var(--ge-space-2) var(--ge-space-4);border-top:1px solid var(--ge-color-border);font-size:var(--ge-font-size-md);cursor:pointer}
.tk:hover{background:var(--ge-color-surface-2)}.tk.sel{background:var(--ge-color-brand-soft)}
.tk .mute,.tk .v{margin-left:auto}.tk .v{display:flex;gap:var(--ge-space-2);align-items:center}
[data-cond="diffs"] .tk.chg{background:var(--ge-color-brand-soft)}
.warnrow{cursor:default}
.look-r{border:1px solid var(--ge-color-border);border-radius:var(--ge-radius-xl);overflow:hidden;background:var(--ge-color-surface)}
.demo-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--ge-space-2) var(--ge-space-3);border-bottom:1px solid var(--ge-color-border);background:var(--ge-color-surface-2)}
.demo{background:var(--ge-color-surface);color:var(--ge-color-text);font-family:var(--ge-font-family);font-size:var(--ge-font-size-lg);margin:0 auto;transition:max-width .18s}
[data-cond="diffs"] .dm-btn:not(.ghost),[data-cond="diffs"] .dm-ic,[data-cond="diffs"] .st{background:var(--ge-color-ok)}[data-cond="diffs"] .dm-kick{color:var(--ge-color-ok)}[data-cond="diffs"] .dm-hero{background:var(--ge-color-ok-bg)}[data-cond="diffs"] .dm-card{border-radius:var(--ge-space-5)}
.demo.m{max-width:390px}
.dm-hdr{display:flex;align-items:center;gap:var(--ge-space-5);padding:var(--ge-space-4) var(--ge-space-6);border-bottom:1px solid var(--ge-color-border);font-size:var(--ge-font-size-md)}
.dm-hdr b{letter-spacing:.14em;margin-right:auto}.dm-hdr span{color:var(--ge-color-text-mute)}
.dm-btn{position:relative;display:inline-flex;align-items:center;height:var(--ge-control-h-lg);padding:0 var(--ge-space-4);border-radius:var(--ge-radius-lg);background:var(--ge-color-brand);color:var(--ge-color-on-fill);font-weight:var(--ge-weight-semibold);font-size:var(--ge-font-size-md)}
.dm-hdr .dm-btn{height:var(--ge-control-h);color:var(--ge-color-on-fill)}
.dm-btn.ghost{background:transparent;color:var(--ge-color-text);border:1px solid var(--ge-color-border)}
.dm-hero{background:var(--ge-color-bg);padding:48px var(--ge-space-6)}
.dm-kick{font-size:var(--ge-font-size-sm);letter-spacing:.18em;font-weight:var(--ge-weight-semibold);color:var(--ge-color-brand)}
.dm-hero h1{font-family:var(--ge-font-heading);font-size:var(--ge-font-size-h1);line-height:1.1;font-weight:var(--ge-weight-semibold);margin:var(--ge-space-3) 0 var(--ge-space-4);max-width:640px}
.dm-hero p{color:var(--ge-color-text-mute);margin:0 0 var(--ge-space-5);max-width:560px}
.dm-acts{display:flex;gap:var(--ge-space-3);flex-wrap:wrap}
.dm-sec{padding:40px var(--ge-space-6)}.dm-sec h2{font-family:var(--ge-font-heading);font-size:var(--ge-font-size-h1);font-weight:var(--ge-weight-semibold);margin:0 0 var(--ge-space-5)}
.dm-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ge-space-4)}
.dm-card{border:1px solid var(--ge-color-border);border-radius:var(--ge-radius-xl);padding:var(--ge-space-5);display:flex;flex-direction:column;gap:var(--ge-space-2);background:var(--ge-color-surface)}
.dm-card span{color:var(--ge-color-text-mute);font-size:var(--ge-font-size-md)}
.dm-ic{width:34px;height:var(--ge-control-h);border-radius:var(--ge-radius-lg);background:var(--ge-color-brand);opacity:.14;margin-bottom:var(--ge-space-2)}
.dm-steps{display:flex;align-items:flex-end;gap:var(--ge-space-3);padding:0 var(--ge-space-6) var(--ge-space-6)}
.dm-steps .mute{margin-right:var(--ge-space-2)}.st{display:block;background:var(--ge-color-brand);opacity:.25;border-radius:var(--ge-radius-sm)}
.st.s4{width:4px;height:4px}.st.s8{width:8px;height:8px}.st.s16{width:16px;height:16px}.st.s24{width:24px;height:24px}.st.s32{width:32px;height:var(--ge-control-h)}.st.s48{width:48px;height:48px}
.demo.m .dm-cards{grid-template-columns:1fr}.demo.m .dm-hero h1{font-size:var(--ge-font-size-h1)}.demo.m .dm-hdr span:not(.dm-btn){display:none}
.demo .hl{outline:var(--ge-focus-ring-w) solid var(--ge-color-warn);outline-offset:var(--ge-focus-ring-w)}
.flag{display:none;position:absolute;top:-10px;right:-10px;font-style:normal;font-size:var(--ge-font-size-eyebrow);font-weight:var(--ge-weight-semibold);background:var(--ge-color-err);color:var(--ge-color-on-fill);border-radius:var(--ge-radius-pill);padding:1px var(--ge-space-2)}
[data-cond="contrast"] .flag{display:inline-block}
[data-cond="contrast"] .dm-hero .dm-btn:not(.ghost){background:var(--ge-color-brand-2)}
[data-cond="exact"] .demo{font-size:var(--ge-font-size-lg)}
.rods{display:grid;grid-template-columns:260px minmax(0,1fr);gap:var(--ge-space-4)}
.rod-list{display:flex;flex-direction:column;padding:var(--ge-space-2)}
.rod-btn{padding:var(--ge-space-2) var(--ge-space-3);border-radius:var(--ge-radius-lg);font-size:var(--ge-font-size-md);color:var(--ge-color-text-mute);cursor:pointer}
.rod-btn:hover{background:var(--ge-color-surface-2)}
.rod-btn[data-current]{background:var(--ge-color-brand-soft);color:var(--ge-color-brand);font-weight:var(--ge-weight-semibold)}
.rod-view{padding:var(--ge-space-2) var(--ge-space-4) var(--ge-space-4)}.rod-panel{display:none}.rod-panel.on{display:block}
.rod-demo{display:grid;gap:var(--ge-space-3);padding:var(--ge-space-4);border:1px dashed var(--ge-color-border-strong);border-radius:var(--ge-radius-xl);margin-bottom:var(--ge-space-4);min-height:150px}
.rod-demo span{background:var(--ge-color-surface-2);border:1px solid var(--ge-color-border);border-radius:var(--ge-radius-lg);min-height:var(--ge-control-h-lg)}
.rd-hero{grid-template-columns:1.4fr 1fr}.rd-hero span:nth-child(n+3){display:none}.rd-hero span{min-height:130px}
.rd-text-image{grid-template-columns:1fr 1fr}.rd-text-image span:nth-child(n+3){display:none}.rd-text-image span{min-height:120px}
.rd-cards-badge,.rd-cards-image,.rd-people{grid-template-columns:repeat(4,1fr)}.rd-cards-image span,.rd-people span{min-height:110px}
.rd-stats-strip{grid-template-columns:repeat(4,1fr)}
.rd-quote span:nth-child(n+2){display:none}.rd-quote span{min-height:90px}
.rd-logos{grid-template-columns:repeat(4,1fr)}.rd-logos span{min-height:var(--ge-control-h-sm)}
.rd-contacts span{min-height:var(--ge-control-h-sm)}
@media(max-width:1080px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.two{grid-template-columns:1fr}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.media{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.pg-h{flex-direction:column}.rods{grid-template-columns:1fr}.tiles,.media{grid-template-columns:repeat(2,minmax(0,1fr))}.fld-r{grid-template-columns:1fr}.fh{grid-column:1}}
[hidden]{display:none!important}.btn.ghost.danger{color:var(--ge-color-err)}.bdg.arch{color:var(--ge-color-text-mute)}.rest{font-variant-numeric:tabular-nums}.rest.near{color:var(--ge-color-err);font-weight:var(--ge-weight-semibold)}.dlg-back{position:fixed;inset:0;z-index:40;background:var(--ge-color-scrim);display:none;align-items:center;justify-content:center;padding:var(--ge-space-4)}.app[data-dlg="1"] .dlg-back{display:flex}.gsdev-msg{display:none}@media(max-width:640px){.gsdev-msg{display:flex;position:fixed;inset:0;z-index:60;background:var(--ge-color-bg);align-items:center;justify-content:center;text-align:center;padding:var(--ge-space-5);font-size:var(--ge-font-size-md);color:var(--ge-color-text-mute)}}.rowacts{display:inline-flex;gap:2px;justify-content:flex-end;width:100%}.ib{position:relative;display:inline-flex;align-items:center;justify-content:center;width:30px;height:var(--ge-control-h-sm);border-radius:var(--ge-radius-lg);border:1px solid transparent;background:transparent;color:var(--ge-color-text-mute);cursor:pointer;padding:0;text-decoration:none}.ib svg{width:17px;height:17px}.ib:hover{background:var(--ge-color-surface-2);color:var(--ge-color-text);border-color:var(--ge-color-border)}.ib.danger{color:var(--ge-color-err)}.ib[disabled]{opacity:.35;cursor:default}.ib[data-tip]:hover::after{content:attr(data-tip);position:absolute;right:0;top:calc(100% + 6px);z-index:35;white-space:nowrap;background:var(--ge-color-surface);color:var(--ge-color-text);border:1px solid var(--ge-color-border);border-radius:var(--ge-radius-lg);padding:var(--ge-space-1) var(--ge-space-2);font-size:var(--ge-font-size-sm);font-weight:var(--ge-weight-medium);box-shadow:var(--ge-shadow-pop);pointer-events:none}.ib[disabled][data-tip]:hover::after{white-space:normal;width:260px}td:has(>.rowacts){width:1%;white-space:nowrap}
.rs-modal-card{background:var(--ge-color-surface-raised);border-radius:var(--ge-radius-xl);padding:var(--ge-space-5);min-width:var(--ge-field-w-xl);max-width:var(--ge-drawer-w);box-shadow:var(--ge-elev-4);color:var(--ge-color-text)}
.rs-modal-title{font-size:var(--ge-font-size-section);font-weight:var(--ge-weight-semibold);margin-bottom:var(--ge-space-2)}
.rs-modal-msg{color:var(--ge-color-text-mute);margin-bottom:var(--ge-space-4)}
.rs-modal-msg p{margin:0 0 var(--ge-space-2)}
.rs-modal-msg ul{margin:0 0 var(--ge-space-3);padding-left:var(--ge-space-4)}
.rs-modal-actions{display:flex;gap:var(--ge-space-2);justify-content:flex-end}
.rs-btn{cursor:pointer;padding:var(--ge-space-2) var(--ge-space-4);border:1px solid var(--ge-color-border);background:var(--ge-color-surface);border-radius:var(--ge-radius-control);font:inherit;color:var(--ge-color-text)}
.rs-btn:hover{background:var(--ge-color-hover)}
.rs-btn-danger{border-color:var(--ge-color-err);color:var(--ge-color-err)}
.rs-btn-danger:hover{background:var(--ge-color-err);color:var(--ge-color-on-fill)}
.gus-hpanel{display:contents}
.mono{font-family:var(--ge-font-mono);font-size:var(--ge-font-size-sm)}
tr[data-c]{cursor:pointer}tr[data-c]:hover td{background:var(--ge-color-surface-2)}
.li[data-c]{cursor:pointer}.li[data-c]:hover{background:var(--ge-color-surface-2)}
.pager{display:flex;align-items:center;justify-content:space-between;gap:var(--ge-space-3);padding:var(--ge-space-2) var(--ge-space-4);border-top:1px solid var(--ge-color-border);font-size:var(--ge-font-size-sm);color:var(--ge-color-text-mute);background:var(--ge-color-surface)}
.pager .pg{display:inline-flex;gap:var(--ge-space-1)}
.th-img{width:40px;height:30px;border-radius:var(--ge-radius-md);border:1px solid var(--ge-color-border);background:var(--ge-color-brand-soft);color:var(--ge-color-brand);display:inline-grid;place-items:center;vertical-align:middle}
.th-img svg{width:16px;height:16px}
.th-img.t2{background:var(--ge-color-info-bg);color:var(--ge-color-info)}
.th-img.t3{background:var(--ge-color-ok-bg);color:var(--ge-color-ok)}
.th-img.t4{background:var(--ge-color-warn-bg);color:var(--ge-color-warn)}
.kd{display:inline-flex;align-items:center;gap:var(--ge-space-2);white-space:nowrap}
.kd svg{width:15px;height:15px;color:var(--ge-color-text-mute);flex:0 0 auto}
.layer[data-layer="coll"] .ly-b{flex:1 1 auto;min-height:0}
.ly-f{display:flex;align-items:center;justify-content:space-between;gap:var(--ge-space-2);padding:var(--ge-space-3) var(--ge-space-4);border-top:1px solid var(--ge-color-border);flex:0 0 auto}
.layer[data-mode="new"] .ly-f.ly-coll,.layer[data-mode="import"] .ly-f.ly-coll{display:none}
.cd-view{display:none;flex-direction:column;gap:var(--ge-space-3)}.cd-view.on{display:flex}
.cd-tools{display:flex;align-items:center;justify-content:space-between;gap:var(--ge-space-3)}
.cd-tools .fld{max-width:var(--ge-field-w-md)}
.cd-form{display:flex;flex-direction:column}
.cd-form .fld-r{grid-template-columns:var(--ge-field-w-sm) minmax(0,1fr)}
input.in,select.in{width:100%;font:inherit;font-size:var(--ge-font-size-md);color:var(--ge-color-text);background:var(--ge-color-surface);border-color:var(--ge-color-control-border)}
input.in.w-sm{max-width:var(--ge-field-w-sm)}
.pair{display:flex;align-items:center;gap:var(--ge-space-2)}
.pair .mute{white-space:nowrap}
.kinds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ge-space-2)}
.kind{display:flex;align-items:center;gap:var(--ge-space-2);min-height:var(--ge-control-h);padding:0 var(--ge-space-2);border:1px solid var(--ge-color-control-border);border-radius:var(--ge-radius-lg);background:var(--ge-color-surface);color:var(--ge-color-text);font:inherit;font-size:var(--ge-font-size-sm);cursor:pointer;text-align:left;min-width:0}
.kind svg{width:15px;height:15px;color:var(--ge-color-text-mute);flex:0 0 auto}
.kind span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.kind:hover{background:var(--ge-color-hover)}
.kind[aria-pressed="true"]{border-color:var(--ge-color-brand);background:var(--ge-color-brand-soft);color:var(--ge-color-brand);font-weight:var(--ge-weight-semibold)}
.kind[aria-pressed="true"] svg{color:var(--ge-color-brand)}
.kind-set{display:none}.kind-set.on{display:block}
.chips{display:flex;flex-wrap:wrap;gap:var(--ge-space-2)}
.chipx{display:inline-flex;align-items:center;height:var(--ge-control-h-sm);padding:0 var(--ge-space-3);border:1px solid var(--ge-color-control-border);border-radius:var(--ge-radius-pill);font-size:var(--ge-font-size-sm);color:var(--ge-color-text-mute);background:var(--ge-color-surface);cursor:pointer}
.chipx.on{border-color:var(--ge-color-brand);background:var(--ge-color-brand-soft);color:var(--ge-color-brand);font-weight:var(--ge-weight-semibold)}
.tick{display:inline-flex;align-items:center;gap:var(--ge-space-2);font-size:var(--ge-font-size-md);cursor:pointer}
input[type="checkbox"]{accent-color:var(--ge-color-brand);width:16px;height:16px;margin:0}
.acl td.n,.acl th.n{text-align:center}
.drop-file{display:flex;align-items:center;gap:var(--ge-space-3);padding:var(--ge-space-3);border:1px dashed var(--ge-color-border-strong);border-radius:var(--ge-radius-lg);background:var(--ge-color-surface-2)}
.drop-file svg{width:20px;height:20px;color:var(--ge-color-text-mute);flex:0 0 auto}
.drop-file .lk{margin-left:auto}
.col-empty,.col-denied{display:none}
[data-cond="coll-empty"] .col-full,[data-cond="coll-denied"] .col-full{display:none}
[data-cond="coll-empty"] .col-empty{display:flex}
[data-cond="coll-denied"] .col-denied{display:flex}
[data-cond="coll-denied"] .coll-acts{display:none}
.layer[data-layer="coll"] .tbl th,.layer[data-layer="coll"] .tbl td{padding-inline:var(--ge-space-2)}
.layer[data-layer="coll"] .tbl th.n,.layer[data-layer="coll"] .tbl td.n{white-space:nowrap}
.gs-scroll{padding:var(--ge-space-5)}
.gs-page{max-width:none}
.gs-page .pg-h h2{font-size:var(--ge-font-size-h2);font-weight:var(--ge-weight-semibold);margin:0}
.gs-page .sub{color:var(--ge-color-text-mute);font-size:var(--ge-font-size-md);margin:var(--ge-space-1) 0 var(--ge-space-4)}
.gs-page .pg-h .sub{margin:var(--ge-space-1) 0 0}
/* Поле ввода внутри .fld эскиза: в эскизе подсказка — <span>, в рабочем экране её место занимает
   <input>; он берёт вид подсказки поля (без рамки и заливки) и перебивает общее правило .fld input
   из dashboard.css. Строка отбора не несёт нижнего отступа общего .fld. */
.toolrow .fld{margin-bottom:0}
.toolrow .fld input{flex:1;min-width:0;width:auto;border:0;padding:0;background:transparent;color:var(--ge-color-text);font:inherit;outline:none;text-overflow:ellipsis}
.toolrow .fld input::placeholder{color:var(--ge-color-text-faint)}
.toolrow .fld svg{margin-right:var(--ge-space-2)}
.seg span:focus-visible{outline:2px solid var(--ge-color-brand);outline-offset:-2px}

/* Экраны уровня сайта «Медиа»: поле поиска и снимок плитки (в эскизе — статичные подписи и пустая плитка). */
.fld input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--ge-color-text);font:inherit}
.mi-thumb{overflow:hidden}
.mi-thumb img{display:block;width:100%;height:100%;object-fit:cover}