.cs{max-width:1500px;margin:auto;padding:28px 32px 48px;color:#302e2b}.cs-head{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:24px}.cs-head h1{font-size:clamp(26px,3vw,42px);margin:5px 0 10px;line-height:1.1}.cs-head p{margin:4px 0;color:#77716a}.cs-back{font-size:13px;color:inherit}.cs-actions,.cs-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cs-actions{justify-content:flex-end}.cs-actions [role=status]{font-size:12px;width:100%;text-align:end}.cs-workspace{display:grid;grid-template-columns:310px minmax(0,1fr);gap:22px;align-items:start}.cs-panel{background:white;border:1px solid #e5dfd7;border-radius:20px;padding:20px;max-height:calc(100vh - 210px);overflow:auto}.cs-panel details{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #eee7df}.cs-panel summary{font-size:16px;font-weight:700;cursor:pointer;margin-bottom:14px}.cs label{display:block;font-size:13px;margin:12px 0}.cs input:not([type=color]):not([type=range]):not([type=file]),.cs textarea,.cs select{display:block;width:100%;padding:10px 12px;border:1px solid #d9d3cc;border-radius:9px;background:#fff;font:inherit;color:#302e2b;margin-top:6px}.cs input[type=range]{width:100%;accent-color:#645246}.cs input[type=color]{border:0;background:none;width:38px;height:34px;cursor:pointer}.cs .cs-inline{display:flex;align-items:center;justify-content:space-between}.cs-help{font-size:12px!important;line-height:1.7;color:#82796f}.cs button:not(.btn){border:1px solid #ded6cc;border-radius:9px;background:#fff;color:#413930;cursor:pointer;font:inherit;font-size:13px;padding:9px 12px}.cs button:hover{filter:brightness(.96)}.cs button:disabled{opacity:.45;cursor:wait}.cs .cs-upload{width:100%;padding:17px!important;background:#f5eee7!important;border-style:dashed!important;font-weight:700!important}.cs-photos{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0;max-height:190px;overflow:auto}.cs-photos button{padding:0!important;overflow:hidden;aspect-ratio:1}.cs-photos img{width:100%;height:100%;object-fit:cover}.cs-stage{background:#f1eee9;border:1px solid #e5dfd7;border-radius:22px;padding:20px;min-width:0}.cs-toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.cs-sides{display:flex;background:white;padding:4px;border-radius:12px;gap:4px}.cs-sides button{border:0!important;min-width:66px}.cs-sides button[aria-pressed=true]{background:#4c443b!important;color:#fff!important}.cs-board-wrap{display:flex;align-items:center;justify-content:center;padding:30px 15px;min-height:430px}.cs-board{position:relative;container-type:inline-size;background:#f3ece2;width:min(100%,410px);max-height:650px;box-shadow:0 18px 36px #49362526;overflow:hidden;touch-action:none;isolation:isolate}.cs-board.has-guides:after{content:'';position:absolute;inset:4%;border:1px dashed #6668;pointer-events:none;z-index:100}.cs-board.is-spine{width:34px;aspect-ratio:1/17!important;container-type:normal}.cs-layer{position:absolute;cursor:grab;user-select:none;touch-action:none;outline:none;transform-origin:center;box-sizing:border-box}.cs-layer:focus-visible,.cs-layer.is-selected{outline:2px solid #4184db;outline-offset:3px}.cs-layer img{width:100%;height:100%;pointer-events:none}.cs-layer--text{text-align:center;white-space:pre;line-height:1.1}.cs-layer .cs-handle{position:absolute;bottom:-9px;right:-9px;width:16px;height:16px;padding:0!important;border:2px solid white!important;background:#4184db!important;border-radius:50%!important;cursor:nwse-resize;z-index:4}.cs-stage-hint{font-size:13px;text-align:center;margin:0;color:#615a51}.cs-stage>.cs-help{text-align:center}.cs-inspector h2,#csSpineTools h2{font-size:16px}.cs-error{padding:14px 18px;background:#fff0ee;color:#8c2c21;border-radius:12px;margin-bottom:14px}.cs-spine-text{position:absolute;left:50%;white-space:nowrap;transform:translate(-50%,-50%) rotate(90deg);font-family:Monopolitser;font-size:20px}.cs [hidden]{display:none!important}
.canvas-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1260px;margin:32px auto 70px;padding:0 24px}.canvas-category{display:grid;grid-template-columns:1fr .75fr;gap:20px;padding:36px;border-radius:24px;background:#f1e8dc;color:#44382f;align-items:center}.canvas-category--service{background:#e4e6d9;color:#303725}.canvas-category h2{font-size:34px;margin:8px 0}.canvas-category p{line-height:1.8}.canvas-category .canvas-art{box-shadow:8px 14px 20px #0002;height:auto!important}.canvas-category a{display:inline-block;margin:6px 0}.canvas-landing{max-width:1180px;margin:auto;padding:60px 28px}.canvas-hero{display:grid;grid-template-columns:1.1fr .8fr;gap:80px;align-items:center}.canvas-hero h1{font-size:clamp(40px,5vw,68px);line-height:1.12}.canvas-hero p{font-size:19px;line-height:1.8;color:#6c655c}.canvas-hero-art{width:100%;aspect-ratio:.707;max-width:360px;margin:auto;transform:rotate(-4deg);box-shadow:16px 22px 0 #e5ddcf}.canvas-landing section{margin-bottom:75px}.canvas-benefits,.canvas-sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.canvas-benefits article,.canvas-sizes article{background:#f7f3ee;border:1px solid #e8e0d6;padding:25px;border-radius:18px}.canvas-landing h2{font-size:30px}.canvas-landing details{border-bottom:1px solid #e2d9cf;padding:22px 0}.canvas-landing summary{font-weight:bold;cursor:pointer}.canvas-landing p{line-height:1.8}.canvas-landing .canvas-closing{padding:40px;background:#eee5d8;border-radius:20px;text-align:center}.canvas-sizes strong{font-size:26px;display:block}.canvas-category-grid .btn{font-size:13px}
@media(max-width:900px){.cs{padding:18px 14px}.cs-head{align-items:flex-start}.cs-workspace{grid-template-columns:250px minmax(0,1fr);gap:12px}.cs-panel{padding:14px}.cs-stage{padding:12px}.cs-board-wrap{padding:24px 4px}.canvas-category-grid{grid-template-columns:1fr}.canvas-hero{gap:32px}.canvas-benefits{grid-template-columns:1fr}}
@media(max-width:650px){.cs-head{display:block}.cs-head h1{font-size:28px}.cs-actions{justify-content:flex-start;margin-top:15px}.cs-actions [role=status]{text-align:start}.cs-workspace{display:flex;flex-direction:column}.cs-stage{order:-1;width:100%}.cs-panel{width:100%;max-height:none}.cs-board{width:min(78vw,320px)}.cs-board-wrap{min-height:280px;padding:22px 12px}.cs-toolbar{justify-content:center}.cs-stage-hint{font-size:12px}.cs-photos{grid-template-columns:repeat(6,1fr)}.canvas-category{padding:24px;grid-template-columns:1fr .65fr}.canvas-category h2{font-size:26px}.canvas-hero{grid-template-columns:1fr}.canvas-hero-art{width:240px;margin-top:15px}.canvas-sizes{grid-template-columns:1fr}.canvas-landing{padding:30px 22px}.canvas-landing section{margin-bottom:48px}}

.cs-stage{position:sticky;top:85px}.cs-board{width:min(100%,410px,calc(60dvh * var(--canvas-ratio,.707)));max-height:none}.cs-board.is-spine{height:min(55dvh,550px);width:32px;min-width:32px}.cs-layer:focus-visible{outline:3px solid #4184db}.canvas-art{line-height:1.1}.canvas-landing li{padding:9px 0;font-size:17px}
@media(max-width:650px){.cs-stage{position:relative;top:auto}.cs-board{width:min(78vw,280px)}.cs-board.is-spine{width:28px;min-width:28px}}

@media(max-width:650px){.cs-head h1{font-size:22px;margin:4px 0}.cs-head>div:first-child>p:last-child{display:none}.cs-head{margin-bottom:16px}.cs-actions{margin-top:10px}.cs-sides button{min-width:48px;padding:7px 9px!important}.cs-toolbar{gap:6px}.cs-toolbar>.cs-row{gap:4px}.cs-toolbar>.cs-row button{padding:7px 8px}.cs-board{width:min(68vw,250px)}.cs-stage>.cs-help{font-size:10px!important}.cs-stage-hint{font-size:11px}}

.cs-inspector-head{display:flex;justify-content:space-between;align-items:center}.cs-inspector-head button{font-size:22px!important;padding:3px 10px!important}
@media(max-width:650px){.cs-inspector{position:fixed;bottom:0;left:0;right:0;max-height:39dvh;overflow:auto;background:#fff;z-index:200;padding:12px 20px 24px;border-radius:20px 20px 0 0;box-shadow:0 -6px 30px #0002}.cs-inspector-head{position:sticky;top:-12px;background:#fff;z-index:1;padding:7px 0}.cs-inspector h2{margin:0}.cs-inspector label{margin:8px 0}.cs-inspector textarea{max-height:68px}}
.canvas-back-logo svg{display:block;width:100%;height:100%}