.cs-public{--paper:#fff;--ink:#292827;--muted:#73706d;--line:#e8e4dd;--accent:#1b1938;--soft:#eee8fa;color:var(--ink);font-family:Arial,Helvetica,sans-serif}.cs-public *{box-sizing:border-box}
.cs-public svg.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;pointer-events:none}
.cs-public.canvas-shell{margin:0 auto;transition:max-width .2s;max-width:none;container-type:inline-size;container-name:canvas;box-shadow:0 4px 20px #203a3d05}
.cs-public .canvas{background:var(--paper);min-height:650px;padding:clamp(1rem,5cqw,3.5rem);outline:none;overflow-wrap:anywhere}
.cs-public .canvas:empty:before{content:'Добавьте первый блок';color:var(--muted)}
.cs-public .canvas h1,.cs-public .canvas h2,.cs-public .canvas h3,.cs-public .canvas h4,.cs-public .canvas h5{line-height:1.15;letter-spacing:-.035em;color:inherit}
.cs-public .canvas h1{font-size:clamp(2rem,5cqw,3.4rem);margin:.4em 0}
.cs-public .canvas h2{font-size:clamp(1.5rem,3.5cqw,2.2rem)}
.cs-public .canvas h3{font-size:1.35rem}
.cs-public .canvas p,.cs-public .canvas li{line-height:1.7}
.cs-public .canvas p{margin:.7em 0}
.cs-public .canvas p:empty:after{content:'\00a0'}
.cs-public .canvas ul,.cs-public .canvas ol{padding-left:1.8em}
.cs-public .canvas .block{position:relative;min-height:3.5rem;display:flow-root;outline-offset:-1px}
.cs-public .canvas .columns{display:grid;grid-template-columns:repeat(var(--cols,2),minmax(0,1fr));gap:1.5rem}
.cs-public .canvas .cell{min-width:0;position:relative;padding:.6rem;outline-offset:-1px;display:flow-root}
.cs-public .canvas [contenteditable]{outline:none}
.cs-public .canvas .eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;font-weight:700}
.cs-public .canvas .lead{font-size:1.125rem;color:#52666a;max-width:46rem}
.cs-public .canvas .accent-card{background:#f1edf8;border-left:3px solid var(--accent);padding:1.4rem;border-radius:0 .65rem .65rem 0}
.cs-public .canvas .muted{color:var(--muted)}
.cs-public .canvas .callout{background:#f1edf8;padding:1rem;border-left:3px solid var(--accent)}
.cs-public .canvas .rounded{border-radius:1rem;overflow:hidden}
.cs-public .canvas .shadow{box-shadow:0 6px 24px #1533391a}
.cs-public .canvas .spacious{padding:2rem!important}
.cs-public .canvas .small-text{font-size:.875rem}
.cs-public .canvas figure{margin:1rem 0;max-width:100%}
.cs-public .canvas img{max-width:100%;height:auto;display:block;border-radius:.5rem}
.cs-public .canvas figcaption{font-size:.8125rem;color:var(--muted);padding:.6rem 0;text-align:center}
.cs-public .canvas .image{max-width:max(1px,calc(100% - var(--d-inline,0rem)));width:var(--d-width,100%);float:var(--d-float,none);margin:var(--d-margin,1rem 0);aspect-ratio:auto}
.cs-public .canvas .image img{width:100%;aspect-ratio:var(--d-ratio,auto);object-fit:cover}
.cs-public .canvas .gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
.cs-public .canvas .gallery img{width:100%;aspect-ratio:4/3;object-fit:cover}
.cs-public .canvas .slider{position:relative}
.cs-public .canvas .slide{display:none}
.cs-public .canvas .slide.active{display:block}
.cs-public .canvas .slide img{width:100%;max-height:450px;object-fit:cover}
.cs-public .slider-controls{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.7rem;background:#f1f5f5;border-radius:.5rem}
.cs-public .slider-controls button{background:white;width:36px;height:36px;border-radius:50%}
.cs-public .canvas .table-scroll{overflow-x:auto;margin:1rem 0}
.cs-public .canvas table{border-collapse:collapse;width:100%;table-layout:fixed;min-width:240px}
.cs-public .canvas td,.cs-public .canvas th{border:1px solid #cad7d9;padding:.7rem;min-width:2rem;word-break:break-word}
.cs-public .canvas th{background:#eaf3f3;text-align:left}
.cs-public .canvas video{width:100%;max-height:440px;background:#15262b;border-radius:.5rem}
.cs-public .canvas pre{background:#192d33;color:#d5f0ed;padding:1.4rem;white-space:pre-wrap;border-radius:.6rem;line-height:1.6;overflow-wrap:anywhere}
.cs-public .canvas hr{border:0;border-top:1px solid var(--line);margin:1.5rem 0}
@container canvas (max-width:599px){.cs-public .canvas .columns{grid-template-columns:1fr}
.cs-public .canvas .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.cs-public .canvas .image{max-width:max(1px,calc(100% - var(--m-inline,0rem)));width:var(--m-width,100%);float:var(--m-float,none);margin:var(--m-margin,1rem 0)}
.cs-public .canvas .image img{aspect-ratio:var(--m-ratio,auto)}
.cs-public .canvas[data-hide-mobile=true],.cs-public .canvas [data-hide-mobile=true]{display:none!important}
.cs-public .canvas{min-height:500px}}
@container canvas (min-width:600px) and (max-width:899px){.cs-public .canvas .image{max-width:max(1px,calc(100% - var(--t-inline,0rem)));width:var(--t-width,45%);float:var(--t-float,left);margin:var(--t-margin,0 1rem 1rem 0)}
.cs-public .canvas .columns[style*="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.cs-public .canvas[data-hide-tablet=true],.cs-public .canvas [data-hide-tablet=true]{display:none!important}}
@container canvas (min-width:900px){.cs-public .canvas[data-hide-desktop=true],.cs-public .canvas [data-hide-desktop=true]{display:none!important}}
@media(max-width:599px){.cs-public .canvas{padding:1.3rem}}
@media print{.cs-public.canvas-shell{max-width:none!important;box-shadow:none}
.cs-public .canvas .block{outline:none!important}}
.cs-public .canvas .columns{display:flex;flex-direction:row}
.cs-public .canvas .columns>.cell{flex:1 1 0;min-width:0}
@container canvas (max-width:599px){.cs-public .canvas .columns{flex-direction:column}
.cs-public .canvas .columns>.cell{flex:0 0 auto;width:100%}}
.cs-public .canvas .image-surface{display:block;position:relative;line-height:0;border-radius:.5rem}
.cs-public .canvas .image-surface::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}
.cs-public .canvas figure.image.shadow{box-shadow:none}
.cs-public .canvas figure.image.shadow>img{box-shadow:0 6px 24px #15333929}
.cs-public .canvas figure.image.rounded{overflow:visible}
.cs-public .canvas figure.image.rounded>img{border-radius:1rem}
.cs-public .canvas .note{background:#eef6ff;color:#285780;padding:1rem;border-left:3px solid #82afd5}
.cs-public .canvas .quote{font-style:italic;border-left:3px solid #94a6aa;padding:1rem 1.3rem;color:#4d6065}
.cs-public .canvas .warning{background:#fff5de;color:#76551a;padding:1rem;border-left:3px solid #d0a03e}
.cs-public .canvas .card{background:#fff;border:1px solid #e8e4dd;border-radius:.8rem;padding:1.2rem}
.cs-public .canvas .border{border:1px solid #9aafb3;padding:.8rem}
.cs-public .canvas .accent{background:#1b1938;color:#fff;padding:1rem;border-radius:.5rem}
@media(pointer:coarse){.cs-public .canvas .block{min-height:3.5rem}}
.cs-public .canvas{min-height:0}.cs-public.canvas-shell{max-width:none;box-shadow:none}.cs-public .canvas:empty:before{content:none}.cs-public iframe{width:100%;aspect-ratio:16/9;border:0}.cs-public .slider-controls button{border:0;color:inherit;cursor:pointer}