.cs{--cs-ink:#3A2E33;--cs-ink2:#5E5256;--cs-mute:#6B5E62;--cs-cream:#FAF6F0;--cs-paper:#fff;--cs-line:rgba(47,34,54,.11);--cs-line2:rgba(47,34,54,.2);--cs-accent:#A35A6B;--cs-accent2:#8E4C5C;--cs-lilac:#A35A6B;--cs-soft:#F5EEE3;--cs-r:14px;--cs-r2:22px;--cs-sh:0 1px 2px rgba(47,34,54,.06),0 8px 24px -12px rgba(47,34,54,.18);--cs-sh2:0 30px 80px -40px rgba(47,34,54,.45);--cs-ease:cubic-bezier(.2,.7,.2,1);color:var(--cs-ink);font-size:15px;line-height:1.45;max-width:1480px;margin-inline:auto}.cs *,.cs *:before,.cs *:after{box-sizing:border-box}:where(.cs) button{font:inherit;color:inherit;cursor:pointer}.cs em{font-family:Playfair Display,Georgia,serif;font-style:italic;font-weight:400;color:var(--cs-accent2)}.cs-i{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.cs :focus-visible{outline:2px solid var(--cs-lilac);outline-offset:2px}.cs-overline{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--cs-accent2)}.cs-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px 48px;align-items:end;margin-bottom:28px}.cs-intro h2{grid-column:1;margin:8px 0 0;font-size:clamp(34px,4.6vw,60px);line-height:1;letter-spacing:-.045em;font-weight:700;color:var(--cs-ink)}.cs-intro .cs-overline{grid-column:1}.cs-intro p{grid-column:2;grid-row:1/3;margin:0;color:var(--cs-ink2);font-size:17px;max-width:46ch}.cs-steps{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;margin:14px 0 0;padding:0;color:var(--cs-ink2);font-size:14px}.cs-steps li{display:flex;align-items:center;gap:9px}.cs-steps span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--cs-paper);border:1px solid var(--cs-line2);font-size:12px;font-weight:700;color:var(--cs-ink)}.cs-app{position:relative;display:grid;grid-template-columns:76px 316px minmax(0,1fr) 324px;grid-template-rows:minmax(0,1fr);height:clamp(660px,calc(100vh - 120px),860px);background:var(--cs-paper);border:1px solid var(--cs-line);border-radius:28px;box-shadow:var(--cs-sh2);overflow:hidden;overflow:clip;transition:grid-template-columns .35s var(--cs-ease)}.cs-app.is-collapsed{grid-template-columns:76px 0 minmax(0,1fr) 324px}.cs-app.is-collapsed .cs-panel{visibility:hidden}.cs-loading,.cs-noscript{padding:48px;text-align:center;color:var(--cs-mute);border:1px dashed var(--cs-line2);border-radius:var(--cs-r2)}.cs-rail{display:flex;flex-direction:column;gap:4px;padding:14px 8px;border-inline-end:1px solid var(--cs-line);background:var(--cs-cream)}.cs-rail__btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:11px 4px;border:0;border-radius:var(--cs-r);background:none;font-size:11px;font-weight:600;color:var(--cs-ink2);transition:background .2s,color .2s}.cs-rail__btn:hover{background:#2f22360d;color:var(--cs-ink)}.cs-rail__btn.is-active{background:var(--cs-paper);color:var(--cs-ink);box-shadow:var(--cs-sh)}.cs-rail__btn.is-active .cs-i{color:var(--cs-accent2)}.cs-rail__btn--order{display:none}.cs-rail__collapse{margin-top:auto}.cs-panel{display:flex;flex-direction:column;min-width:0;min-height:0;border-inline-end:1px solid var(--cs-line);background:var(--cs-paper)}.cs-panel__head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:20px 22px 6px}.cs-panel__head h3{margin:0;font-size:17px;font-weight:700;letter-spacing:-.02em}.cs .cs-sheetclose{display:none}.cs-panel__body{flex:1;overflow-y:auto;padding:10px 22px 28px;overscroll-behavior:contain;scrollbar-width:thin}.cs-sectlabel{margin:22px 0 10px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--cs-mute)}.cs-hint{margin:12px 0;padding:12px 14px;border-radius:12px;background:var(--cs-soft);color:var(--cs-ink2);font-size:13.5px}.cs-fine{margin:8px 0 0;font-size:12px;color:var(--cs-mute);line-height:1.45}.cs-pgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cs-pcard{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px 12px;border:1px solid var(--cs-line);border-radius:var(--cs-r);background:var(--cs-cream);font-size:13px;font-weight:600;transition:transform .25s var(--cs-ease),border-color .2s,box-shadow .25s}.cs-pcard svg{width:100%;height:auto;aspect-ratio:600/640;max-height:110px}.cs-pcard:hover{transform:translateY(-2px);box-shadow:var(--cs-sh)}.cs-pcard.is-active{border-color:var(--cs-ink);background:var(--cs-paper);box-shadow:0 0 0 1px var(--cs-ink)}.cs-inspo{display:grid;gap:8px}.cs-inspo button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;border:1px solid var(--cs-line);border-radius:var(--cs-r);background:linear-gradient(135deg,#fff,#fbf3ee);text-align:start;transition:border-color .2s,transform .25s var(--cs-ease)}.cs-inspo button:hover{border-color:var(--cs-accent);transform:translate(2px)}.cs-inspo b{font-size:14px}.cs-inspo span{font-size:12px;color:var(--cs-mute)}.cs-field{display:flex;flex-direction:column;gap:6px;margin:14px 0 0;min-width:0}.cs-field>span,.cs-label{display:flex;align-items:baseline;gap:8px;font-size:12.5px;font-weight:600;color:var(--cs-ink2)}.cs-field b,.cs-label b{font-weight:600;color:var(--cs-accent2)}.cs-field output{margin-inline-start:auto;font-weight:500;color:var(--cs-mute);font-variant-numeric:tabular-nums}.cs input[type=text],.cs input[type=number],.cs input[type=search],.cs textarea,.cs select{width:100%;min-width:0;padding:10px 12px;border:1px solid var(--cs-line2);border-radius:11px;background:var(--cs-paper);font:inherit;font-size:14px;color:var(--cs-ink);transition:border-color .2s,box-shadow .2s}.cs textarea{resize:vertical;line-height:1.45}.cs input:focus,.cs textarea:focus,.cs select:focus{outline:0;border-color:var(--cs-lilac);box-shadow:0 0 0 3px #a35a6b2e}.cs input[type=range]{width:100%;accent-color:var(--cs-ink)}.cs-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}.cs-grid2 .cs-field:last-child:nth-child(odd){grid-column:1/-1}.cs-seg{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:12px;background:var(--cs-soft)}.cs-seg button{display:grid;place-items:center;flex:1;min-width:34px;height:34px;border:0;border-radius:9px;background:none;color:var(--cs-ink2)}.cs-seg button:hover{background:#ffffffb3}.cs-seg button[aria-pressed=true]{background:var(--cs-paper);color:var(--cs-ink);box-shadow:var(--cs-sh)}.cs-seg .cs-i{width:18px;height:18px}.cs-search{position:relative;margin-top:10px}.cs-search .cs-i{position:absolute;inset-inline-start:11px;top:50%;width:17px;height:17px;transform:translateY(-50%);color:var(--cs-mute)}.cs .cs-search input{padding-inline-start:36px}.cs-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.cs-chip{padding:6px 11px;border:1px solid var(--cs-line2);border-radius:99px;background:var(--cs-paper);font-size:12.5px;font-weight:600;color:var(--cs-ink2);transition:all .2s}.cs-chip:hover{border-color:var(--cs-ink2)}.cs-chip.is-active{border-color:var(--cs-ink);background:var(--cs-ink);color:#fff}.cs-swatches{display:flex;flex-wrap:wrap;gap:7px}.cs-sw{position:relative;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px #00000024;transition:transform .2s var(--cs-ease)}.cs-sw:hover{transform:scale(1.08)}.cs-sw.is-active{box-shadow:inset 0 0 0 1px #00000024,0 0 0 2px var(--cs-paper),0 0 0 4px var(--cs-ink)}.cs-swatches--lg .cs-sw{width:34px;height:34px}.cs-sw--custom{display:grid;place-items:center;overflow:hidden;background:conic-gradient(#e55,#eb5,#5c5,#5be,#85e,#e5a,#e55);cursor:pointer}.cs-sw--custom input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.cs-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:1px solid transparent;border-radius:13px;font-weight:600;font-size:14px;transition:background .2s,transform .2s var(--cs-ease),border-color .2s}.cs-btn--block{width:100%}.cs-btn--primary{background:var(--cs-ink);color:#fff}.cs-btn--primary:hover{background:#1f1525;transform:translateY(-1px)}.cs-btn--ghost{margin-top:10px;background:var(--cs-paper);border-color:var(--cs-line2);color:var(--cs-ink)}.cs-btn--ghost:hover{border-color:var(--cs-ink)}.cs-iconbtn{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:10px;background:none;color:var(--cs-ink2);transition:background .2s,color .2s}.cs-iconbtn:hover{background:var(--cs-soft);color:var(--cs-ink)}.cs-iconbtn:disabled{opacity:.35;pointer-events:none}.cs-iconbtn.is-on{background:var(--cs-ink);color:#fff}.cs-danger:hover{background:#fbe6e3;color:var(--cs-accent2)}.cs-link{margin-top:8px;padding:0;border:0;background:none;font-size:13px;font-weight:600;color:var(--cs-ink);text-decoration:underline;text-underline-offset:3px}.cs-fonts{margin-top:14px;border:1px solid var(--cs-line);border-radius:var(--cs-r);background:var(--cs-cream)}.cs-fonts summary{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:12px 14px;cursor:pointer;list-style:none}.cs-fonts summary::-webkit-details-marker{display:none}.cs-fontcur{font-size:20px;line-height:1.1}.cs-fonts summary small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--cs-mute)}.cs-fonts .cs-search,.cs-fonts .cs-chips{margin-inline:12px}.cs-fontlist{display:grid;gap:4px;max-height:280px;overflow-y:auto;margin-top:10px;padding:0 8px 8px}.cs-font{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 10px;border:1px solid transparent;border-radius:11px;background:none;text-align:start}.cs-font span{font-size:21px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.cs-font small{font-family:system-ui,sans-serif;font-size:11px;color:var(--cs-mute)}.cs-font:hover{background:var(--cs-paper)}.cs-font.is-active{background:var(--cs-paper);border-color:var(--cs-ink)}.cs-drop{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 16px;border:1.5px dashed var(--cs-line2);border-radius:var(--cs-r);background:var(--cs-cream);text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.cs-drop:hover,.cs-drop.is-over{border-color:var(--cs-accent);background:#fdf1ed}.cs-drop .cs-i{width:26px;height:26px;color:var(--cs-accent2)}.cs-drop b{font-size:14px}.cs-drop span{font-size:12px;color:var(--cs-mute)}.cs-igrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.cs-icon{display:grid;place-items:center;aspect-ratio:1;padding:12px;border:1px solid var(--cs-line);border-radius:12px;background:var(--cs-paper);color:var(--cs-ink);transition:border-color .2s,transform .2s var(--cs-ease)}.cs-icon svg{width:100%;height:100%}.cs-icon:hover{border-color:var(--cs-ink);transform:translateY(-2px)}.cs-props--top{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--cs-line)}.cs-props--top .cs-sectlabel:first-child{margin-top:4px}.cs-quality{margin:10px 0 0;padding:9px 12px;border-radius:10px;font-size:12.5px;font-weight:500}.cs-quality.is-good{background:#e8f3ec;color:#2f6b4f}.cs-quality.is-ok{background:#fdf3dc;color:#8a6414}.cs-quality.is-bad{background:#fbe6e3;color:var(--cs-accent2)}.cs-layers{display:grid;gap:4px;margin:0;padding:0;list-style:none}.cs-layers li{display:flex;align-items:center;gap:4px;padding:2px;border:1px solid transparent;border-radius:12px}.cs-layers li.is-active{border-color:var(--cs-ink);background:var(--cs-cream)}.cs-layer{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:9px 10px;border:0;border-radius:10px;background:none;text-align:start;font-size:13.5px}.cs-layer span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-layer:hover{background:var(--cs-soft)}.cs-sidesum{display:grid;gap:2px;margin:0 0 6px;padding:0;list-style:none}.cs-sidesum li{display:flex;justify-content:space-between;padding:7px 2px;border-bottom:1px solid var(--cs-line);font-size:13px}.cs-sidesum b{font-weight:600;color:var(--cs-mute)}.cs-parsed{margin-top:16px;padding:14px;border:1px solid var(--cs-line);border-radius:var(--cs-r);background:var(--cs-cream)}.cs-parsed .cs-sectlabel{margin-top:0}.cs-parsed ul{display:grid;gap:6px;margin:0 0 12px;padding:0;list-style:none}.cs-parsed li{display:flex;flex-direction:column;padding:8px 10px;border-radius:10px;background:var(--cs-paper)}.cs-parsed small{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--cs-mute);font-weight:700}.cs-parsed span{font-size:13.5px}.cs-stage{position:relative;display:flex;flex-direction:column;min-width:0;overflow:clip;background:radial-gradient(120% 90% at 50% 35%,#fffdfa,#f5eee6 62%,#efe6dc)}.cs-toolbar{position:relative;z-index:12;display:flex;align-items:center;gap:8px;padding:12px 14px;flex-wrap:wrap}.cs-tgroup{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--cs-line);border-radius:13px;background:#ffffffd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--cs-sh)}.cs-tgroup[hidden]{display:none}.cs-tgroup--end{margin-inline-start:auto}.cs-zoomlabel{min-width:44px;text-align:center;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--cs-ink2)}.cs-ctx{animation:cs-pop .25s var(--cs-ease)}@keyframes cs-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.cs-export{position:relative}.cs-export summary{list-style:none}.cs-export summary::-webkit-details-marker{display:none}.cs-export__menu{position:absolute;inset-inline-end:0;top:calc(100% + 8px);z-index:20;width:290px;padding:10px;border:1px solid var(--cs-line);border-radius:var(--cs-r);background:var(--cs-paper);box-shadow:var(--cs-sh2)}.cs-export__menu button{display:block;width:100%;padding:10px 12px;border:0;border-radius:10px;background:none;text-align:start;font-size:13.5px;font-weight:500}.cs-export__menu button:hover{background:var(--cs-soft)}.cs-export__title{margin:2px 12px 6px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--cs-mute)}.cs-export__note{margin:8px 12px 4px;font-size:11.5px;color:var(--cs-mute);line-height:1.45}.cs-canvaswrap{position:relative;flex:1;min-height:0}.cs-svg{position:absolute;top:4px;right:18px;bottom:4px;left:18px;width:calc(100% - 36px);height:calc(100% - 8px);touch-action:none;user-select:none;-webkit-user-select:none;overflow:hidden}.cs-svg:focus-visible{outline:0}.cs-svg:focus-visible .cs-zone{stroke:var(--cs-lilac);stroke-opacity:1}.cs-obj{cursor:move}.cs-zone{fill:#7b58a809;stroke:#7b58a8;stroke-opacity:.55;stroke-width:1.2;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}.cs-zone.is-warn{stroke:#d1453b;stroke-opacity:.95;fill:#d1453b0d}.cs-zonelabel{font-family:system-ui,sans-serif;font-weight:600;letter-spacing:.06em;fill:#7b58a8;opacity:.85;pointer-events:none}.cs-g1{stroke:#7b58a8;stroke-opacity:.12;stroke-width:.6;vector-effect:non-scaling-stroke}.cs-g5{stroke:#7b58a8;stroke-opacity:.28;stroke-width:.8;vector-effect:non-scaling-stroke}.cs-gc{stroke:#c9675d;stroke-opacity:.5;stroke-width:.8;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.cs-guide{stroke:#d1453b;stroke-width:1;vector-effect:non-scaling-stroke}.cs-selbox{fill:none;stroke:#7b58a8}.cs-selline{stroke:#7b58a8}.cs-handle{fill:#fff;stroke:#7b58a8;cursor:nwse-resize}.cs-handle--rot{cursor:grab;fill:#7b58a8;stroke:#fff}.cs-measure{font-family:system-ui,sans-serif;font-weight:600;fill:#7b58a8;paint-order:stroke;stroke:#fff;stroke-width:3px;pointer-events:none}.cs-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 20px;border:1px solid var(--cs-line);border-radius:var(--cs-r2);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--cs-sh2);text-align:center;pointer-events:auto}.cs-empty[hidden]{display:none}.cs-empty p{margin:0;font-weight:700;font-size:15px}.cs-empty div{display:flex;gap:8px}.cs-empty button{display:flex;flex-direction:column;align-items:center;gap:6px;width:86px;padding:12px 6px;border:1px solid var(--cs-line);border-radius:var(--cs-r);background:var(--cs-paper);font-size:12.5px;font-weight:600;transition:border-color .2s,transform .2s var(--cs-ease)}.cs-empty button:hover{border-color:var(--cs-ink);transform:translateY(-2px)}.cs-empty .cs-i{color:var(--cs-accent2)}.cs-toast{position:absolute;left:50%;bottom:14px;z-index:15;max-width:min(92%,460px);padding:10px 16px;border-radius:12px;background:var(--cs-ink);color:#fff;font-size:13px;box-shadow:var(--cs-sh2);opacity:0;transform:translate(-50%,8px);pointer-events:none;transition:opacity .25s,transform .25s var(--cs-ease)}.cs-toast.is-show{opacity:1;transform:translate(-50%)}.cs-toast.is-warn{background:#9b3a33}.cs-stagefoot{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 14px 6px}.cs-sides{display:flex;flex-wrap:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:none;justify-content:flex-start;gap:4px;padding:4px;border:1px solid var(--cs-line);border-radius:14px;background:#ffffffd9;box-shadow:var(--cs-sh)}.cs-side{position:relative;padding:8px 13px;border:0;border-radius:10px;background:none;font-size:13px;font-weight:600;color:var(--cs-ink2);white-space:nowrap}.cs-side:hover{color:var(--cs-ink)}.cs-side.is-active{background:var(--cs-ink);color:#fff}.cs-side i{position:absolute;top:5px;inset-inline-end:4px;width:6px;height:6px;border-radius:50%;background:var(--cs-accent)}.cs-warn{margin:0;min-height:0;max-width:560px;text-align:center;font-size:12.5px;font-weight:500;color:#9b3a33}.cs-warn:empty{display:none}.cs-badge{margin:0;padding:4px 14px 12px;text-align:center;font-size:11px;letter-spacing:.04em;color:var(--cs-mute)}.cs-order{display:flex;flex-direction:column;min-width:0;min-height:0;border-inline-start:1px solid var(--cs-line);background:var(--cs-paper)}.cs-order__inner{flex:1;overflow-y:auto;padding:22px 22px 10px;scrollbar-width:thin}.cs-order__head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.cs-order__head .cs-overline{flex-basis:100%}.cs-order__head h3{margin:0;font-size:24px;letter-spacing:-.03em;font-weight:700}.cs-tag{padding:3px 9px;border-radius:99px;background:#f3e9fb;color:var(--cs-lilac);font-size:11px;font-weight:700;letter-spacing:.04em}.cs-note{margin:12px 0 4px;padding:11px 13px;border-radius:12px;background:var(--cs-cream);border:1px solid var(--cs-line);font-size:12.5px;color:var(--cs-ink2)}.cs-block{display:block;margin-top:20px}.cs-block>.cs-label{margin-bottom:10px}.cs-sizes{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:6px}.cs-size{display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 4px;border:1px solid var(--cs-line);border-radius:11px;background:var(--cs-cream)}.cs-size span{font-size:11.5px;font-weight:700;color:var(--cs-ink2)}.cs .cs-size input{width:100%;padding:5px 2px;border:0;border-radius:7px;background:var(--cs-paper);text-align:center;font-weight:600;font-variant-numeric:tabular-nums}.cs-printed{display:grid;gap:4px;margin:0;padding:0;list-style:none}.cs-printed li{display:flex;align-items:center;gap:8px;font-size:13.5px}.cs-printed .cs-i{width:16px;height:16px;color:#2f6b4f}.cs-printed small{margin-inline-start:auto;color:var(--cs-mute);font-size:12px}.cs-check{display:flex;align-items:center;gap:10px;margin-top:20px;padding:12px 14px;border:1px solid var(--cs-line);border-radius:var(--cs-r);font-size:13.5px;font-weight:600;cursor:pointer}.cs-check input{width:18px;height:18px;accent-color:var(--cs-ink)}.cs-price{display:flex;justify-content:space-between;align-items:baseline;margin-top:22px;padding-top:16px;border-top:1px solid var(--cs-line)}.cs-price span{font-size:13px;color:var(--cs-ink2)}.cs-price strong{font-size:18px;letter-spacing:-.02em}.cs-order__foot{padding:14px 22px 20px;border-top:1px solid var(--cs-line);background:var(--cs-paper)}.cs-order__foot .cs-fine{text-align:center}.cs-cta{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;border:0;border-radius:15px;background:var(--cs-ink);color:#fff;font-size:15px;font-weight:600;transition:background .2s,transform .2s var(--cs-ease),box-shadow .2s}.cs-cta:hover{background:#1f1525;transform:translateY(-1px);box-shadow:0 14px 30px -14px #2f223699}.cs-cta .cs-i{transition:transform .25s var(--cs-ease)}.cs-cta:hover .cs-i{transform:translate(3px)}.cs[data-size=l] .cs-app{grid-template-columns:72px 276px minmax(0,1fr) 288px}.cs[data-size=l] .cs-app.is-collapsed{grid-template-columns:72px 0 minmax(0,1fr) 288px}.cs[data-size=s] .cs-intro{grid-template-columns:1fr;margin-bottom:18px}.cs[data-size=s] .cs-intro p{grid-column:1;grid-row:auto;font-size:15px}.cs[data-size=s] .cs-app{display:flex;flex-direction:column;height:auto;border-radius:22px;overflow:visible}.cs[data-size=s] .cs-stage{order:1;height:min(calc(100svh - 120px),600px);min-height:430px;border-radius:22px 22px 0 0;overflow:hidden}.cs[data-size=s] .cs-toolbar{padding:10px}.cs[data-size=s] .cs-tgroup--end{margin-inline-start:auto}.cs[data-size=s] .cs-svg{top:2px;right:6px;bottom:2px;left:6px;width:calc(100% - 12px);height:calc(100% - 4px)}.cs[data-size=s] .cs-sides{flex-wrap:nowrap;overflow-x:auto;max-width:100%;justify-content:flex-start;scrollbar-width:none}.cs[data-size=s] .cs-rail{order:2;position:sticky;bottom:0;z-index:40;flex-direction:row;gap:2px;padding:6px;border:0;border-top:1px solid var(--cs-line);border-radius:0 0 22px 22px;background:#fbf6eff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.cs[data-size=s] .cs-rail__btn{flex:1;padding:8px 2px;font-size:10.5px}.cs[data-size=s] .cs-rail__collapse{display:none}.cs[data-size=s] .cs-rail__btn--order{display:flex;background:var(--cs-ink);color:#fff}.cs[data-size=s] .cs-rail__btn--order.is-active{background:var(--cs-accent2);color:#fff}.cs[data-size=s] .cs-rail__btn--order.is-active .cs-i{color:#fff}.cs[data-size=s] .cs-panel,.cs[data-size=s] .cs-order{position:fixed;inset-inline:0;bottom:0;z-index:60;max-height:72vh;border:0;border-radius:22px 22px 0 0;box-shadow:0 -20px 60px -20px #2f223666;transform:translateY(105%);transition:transform .35s var(--cs-ease);visibility:hidden}.cs[data-size=s] .cs-app[data-sheet=panel] .cs-panel,.cs[data-size=s] .cs-app[data-sheet=order] .cs-order{transform:none;visibility:visible}.cs[data-size=s] .cs-app[data-sheet=order] .cs-order{display:flex}.cs[data-size=s] .cs-panel:before{content:"";display:block;width:40px;height:4px;margin:10px auto 0;border-radius:4px;background:var(--cs-line2)}.cs[data-size=s] .cs-sheetclose{display:grid}.cs[data-size=s] .cs-empty{top:auto;bottom:16px;transform:translate(-50%);padding:12px 14px;gap:8px}.cs[data-size=s] .cs-empty button{width:72px;padding:9px 4px}.cs[data-size=s] .cs-toast{bottom:auto;top:62px}.cs[data-size=s] .cs-panel__head{padding:10px 18px 4px}.cs[data-size=s] .cs-panel__body{padding:6px 18px calc(24px + env(safe-area-inset-bottom))}.cs[data-size=s] .cs-order{display:none}.cs[data-size=s] .cs-order__inner{padding:18px}.cs[data-size=s] .cs-order__foot{padding:12px 18px calc(14px + env(safe-area-inset-bottom))}.cs[data-size=s] .cs-pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.cs[data-size=s] .cs-igrid{grid-template-columns:repeat(5,minmax(0,1fr))}.cs[data-size=s] .cs-badge{display:none}.cs[data-size=s] .cs-iconbtn{width:40px;height:40px}@media(max-width:420px){.cs[data-size=s] .cs-pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.cs[data-size=s] .cs-igrid{grid-template-columns:repeat(4,minmax(0,1fr))}.cs[data-size=s] .cs-tgroup .cs-zoomlabel{display:none}}@media(prefers-reduced-motion:reduce){.cs *,.cs *:before,.cs *:after{transition:none!important;animation:none!important}}.cs-order__close{position:absolute;inset-inline-end:14px;top:14px}.cs-order__head{position:relative}.cs[data-size=m] .cs-intro{grid-template-columns:1fr}.cs[data-size=m] .cs-intro p{grid-column:1;grid-row:auto}.cs[data-size=m] .cs-app{display:flex;flex-direction:column;height:auto;border-radius:22px}.cs[data-size=m] .cs-rail{order:0;flex-direction:row;flex-wrap:nowrap;gap:4px;padding:8px;border-inline-end:0;border-bottom:1px solid var(--cs-line);overflow-x:auto;scrollbar-width:none}.cs[data-size=m] .cs-rail__btn{flex:1 0 auto;flex-direction:row;justify-content:center;gap:6px;padding:9px 12px;font-size:13px}.cs[data-size=m] .cs-rail__collapse,.cs[data-size=m] .cs-rail__btn--order{display:none}.cs[data-size=m] .cs-stage{order:1;height:500px;min-height:0}.cs[data-size=m] .cs-panel{order:2;max-height:480px;border-inline-end:0;border-top:1px solid var(--cs-line)}.cs[data-size=m] .cs-app.is-collapsed .cs-panel{visibility:visible}.cs[data-size=m] .cs-order{order:3;border-inline-start:0;border-top:1px solid var(--cs-line)}.cs[data-size=m] .cs-order__inner{overflow:visible}.cs[data-size=m] .cs-badge{display:none}.cs[data-size=s] .cs-empty button{width:auto;min-width:78px;padding:9px 8px;font-size:12px;white-space:nowrap}.cs[data-size=s] .cs-empty,.cs[data-size=m] .cs-empty{max-width:calc(100% - 24px)}.cs-canvaswrap:has(.cs-empty:not([hidden])) .cs-3dpill{display:none}.cs[data-size=s] .cs-3dpill{right:8px;bottom:8px;min-height:40px;padding:0 12px;font-size:13px}
/*# sourceMappingURL=/cdn/shop/t/9/assets/cm-design-studio.css.map */
