.cfg-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:36px;padding-top:35px;padding-bottom:70px}.cfg-work,.cfg-panel{min-width:0}.cfg-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.cfg-top h1{font-size:clamp(27px,3vw,40px);line-height:1.15;margin:8px 0 24px}.cfg-count{white-space:nowrap;font-size:14px;background:#e8ebe4;padding:9px 13px;border-radius:20px}.cfg-stage{position:relative;background:linear-gradient(135deg,#f1f0eb,#e5e7e2);border:1px solid #dce0d8;border-radius:4px;overflow:hidden}.cfg-stage canvas{display:block;width:100%;height:440px;touch-action:none;cursor:grab}.cfg-stage canvas:active{cursor:grabbing}.cfg-camera{position:absolute;left:16px;top:16px;display:flex;gap:5px}.cfg-camera button,.cfg-edit-actions button,.cfg-presets button{border:1px solid #d2d9d0;background:#fff;padding:9px 12px;cursor:pointer;font:inherit;font-size:14px;border-radius:3px;color:#183e32}.cfg-caption{position:absolute;bottom:16px;left:20px;font-size:13px;color:#59685d;pointer-events:none}.cfg-size{display:flex;gap:20px;flex-wrap:wrap;padding:20px 0;border-bottom:1px solid #d5dacf;font-size:14px}.cfg-size strong{display:block;font-size:18px;margin-top:4px}.cfg-size small{align-self:center;color:#697166;font-size:12px;margin-left:auto}.cfg-edit-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 14px}.cfg-edit-head h2,.cfg-panel h2{font-size:20px;margin:0}.cfg-edit-head span{font-size:13px;color:#667064}.cfg-grid{display:grid;gap:8px;max-width:680px}.cfg-cell,.cfg-add,.cfg-empty{height:58px;border-radius:3px}.cfg-cell{background:var(--cell);border:3px solid #c9b18b;color:white;text-shadow:0 1px 3px #222;font:inherit;font-size:14px;cursor:pointer}.cfg-cell.selected{outline:3px solid #bd652f;outline-offset:2px}.cfg-add{border:1px dashed #acb8a9;color:#183e32;background:transparent;font-size:25px;cursor:pointer}.cfg-add:hover{background:#e1e8dd}.cfg-edit-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.cfg-layout button:disabled{opacity:.45;cursor:default}.cfg-status{font-size:14px;color:#725124;min-height:24px}.cfg-panel{padding:26px;background:white;border:1px solid #d7ded3;border-radius:4px;align-self:start}.cfg-presets{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0 26px}.cfg-panel .field{display:block;font-size:15px;margin-top:22px;margin-bottom:10px}.cfg-panel select{width:100%;padding:12px;border:1px solid #bdcabb;font:inherit;font-size:15px;background:#fff}.cfg-color-head{display:flex;align-items:baseline;justify-content:space-between}.cfg-color-head span{font-size:13px;color:#5a6e5e}.cfg-colors{display:flex;gap:10px}.cfg-colors button{width:36px;height:36px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #d3d7ce;background:var(--swatch);cursor:pointer}.cfg-colors button[aria-pressed=true]{box-shadow:0 0 0 2px #183e32}.cfg-hint{font-size:13px;line-height:1.6;color:#61705f}.cfg-check{display:flex;gap:10px;align-items:center;font-size:14px;margin:24px 0}.cfg-check input{accent-color:#183e32;width:18px;height:18px}.cfg-dimensions{border-top:1px solid #d6ddcf;border-bottom:1px solid #d6ddcf;padding:16px 0}.cfg-dimensions summary{cursor:pointer;font-size:14px}.cfg-dimensions p{font-size:13px;line-height:1.6;color:#61705f}.cfg-dim-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cfg-dim-fields label{font-size:12px}.cfg-dim-fields input{display:block;width:100%;box-sizing:border-box;font:inherit;font-size:15px;padding:9px;border:1px solid #cbd5c7;margin-top:6px}.cfg-summary{margin-top:24px}.cfg-summary p{display:flex;justify-content:space-between;gap:16px;font-size:14px}.cfg-summary strong{font-weight:600;text-align:right}.cfg-summary .cfg-price{font-size:18px;margin-top:24px;font-weight:600}.cfg-summary .button{width:100%;font:inherit;border:0;cursor:pointer;justify-content:center;margin-top:14px}button:focus-visible,canvas:focus-visible{outline:3px solid #be723c;outline-offset:3px}@media(max-width:1000px){.cfg-layout{grid-template-columns:minmax(0,1fr) 280px;gap:20px}.cfg-panel{padding:20px}.cfg-stage canvas{height:380px}}@media(max-width:760px){.cfg-layout{grid-template-columns:1fr;padding-top:24px}.cfg-top h1{font-size:28px}.cfg-count{font-size:12px}.cfg-stage canvas{height:340px}.cfg-edit-head{display:block}.cfg-edit-head span{display:block;margin-top:8px}.cfg-size{gap:18px}.cfg-size small{width:100%;margin-left:0}.cfg-panel{padding:22px}.cfg-cell,.cfg-add,.cfg-empty{height:48px}.cfg-grid{overflow-x:auto}.cfg-camera button{padding:8px;font-size:12px}}
.cfg-colors{flex-wrap:wrap;gap:8px}.cfg-colors button{width:30px;height:30px;flex-shrink:0}.cfg-color-head span{max-width:170px;text-align:right}.cfg-colors button[aria-pressed=true]{outline:2px solid white;outline-offset:2px;box-shadow:0 0 0 4px #183e32}

@media(max-width:760px){.cfg-layout{gap:28px;padding-bottom:40px}.cfg-top{flex-wrap:wrap;align-items:start;gap:0}.cfg-top h1{margin-bottom:16px}.cfg-count{margin-bottom:16px;font-size:14px}.cfg-stage canvas{height:clamp(280px,82vw,380px)}.cfg-camera{left:10px;top:10px;gap:4px}.cfg-camera button{min-width:44px;min-height:44px;font-size:14px;padding:8px}.cfg-caption{font-size:14px;left:14px;bottom:12px}.cfg-panel{padding:20px 16px}.cfg-panel select,.cfg-dim-fields input{font-size:16px;min-height:48px}.cfg-colors{gap:8px;padding:4px}.cfg-colors button{width:44px;height:44px;border:7px solid white;background-clip:padding-box}.cfg-hint,.cfg-edit-head span,.cfg-dimensions p,.cfg-dim-fields label,.cfg-color-head span{font-size:14px}.cfg-color-head{gap:12px;flex-wrap:wrap}.cfg-grid{max-width:100%;padding:5px;gap:8px;overscroll-behavior-x:contain}.cfg-cell,.cfg-add,.cfg-empty{height:48px;min-width:44px}.cfg-edit-actions button,.cfg-presets button{min-height:44px;font-size:14px}.cfg-edit-actions{display:grid;grid-template-columns:1fr 1fr}.cfg-size{gap:16px}.cfg-summary p{flex-wrap:wrap;gap:6px}.cfg-summary strong{overflow-wrap:anywhere}.cfg-summary .button{min-height:48px;font-size:16px}.cfg-check{min-height:44px}.cfg-check input{flex-shrink:0}}