.tcfg{--tcfg-bg: rgba(255,255,255,.75);--tcfg-bd: rgba(0,0,0,.14);--tcfg-tx: rgba(0,0,0,.88);--tcfg-sub: rgba(0,0,0,.6);--tcfg-r: 18px;--tcfg-pad: 16px;color:var(--tcfg-tx);width:100%;max-width:1180px;margin:0 auto}.tcfg *{box-sizing:border-box}.tcfg [hidden]{display:none!important}.tcfg button{font:inherit;color:inherit}.tcfg .tcfg__layout{display:flex;gap:18px;align-items:stretch;width:100%}.tcfg .tcfg__viewer,.tcfg .tcfg__designer{background:var(--tcfg-bg);border:1px solid var(--tcfg-bd);border-radius:var(--tcfg-r);padding:var(--tcfg-pad)}.tcfg .tcfg__viewer{flex:1 1 42%;min-width:280px}.tcfg .tcfg__designer{flex:1 1 58%;min-width:320px}.tcfg .tcfg__panel-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:12px}.tcfg .tcfg__h{font-size:18px;font-weight:700;line-height:1.2}.tcfg .tcfg__sub{font-size:13px;color:var(--tcfg-sub);margin-top:4px}.tcfg .tcfg__actions{display:flex;gap:10px;flex:0 0 auto}.tcfg .tcfg__viewerWrap{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:14px;overflow:hidden;border:1px solid var(--tcfg-bd);background:radial-gradient(120% 90% at 50% 40%,#f7f7f4,#ecece8 70%,#e3e3df)}.tcfg .tcfg__canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab;outline:none}.tcfg .tcfg__canvas.is-dragging{cursor:grabbing}.tcfg .tcfg__viewerBadge{position:absolute;top:10px;left:10px;font-size:11px;font-weight:800;letter-spacing:.08em;padding:4px 8px;border-radius:999px;background:#000c;color:#fff;pointer-events:none}.tcfg .tcfg__viewerBadge.is-2d{background:#00000073}.tcfg .tcfg__viewerDims{position:absolute;right:10px;bottom:10px;font-size:12px;font-weight:700;padding:5px 9px;border-radius:999px;background:#ffffffd9;border:1px solid var(--tcfg-bd);pointer-events:none}.tcfg .tcfg__priceBox{margin-top:12px;border:1px solid var(--tcfg-bd);border-radius:14px;padding:12px;background:#ffffffa6}.tcfg .tcfg__priceLine{display:flex;justify-content:space-between;gap:10px;font-size:14px;padding:6px 0}.tcfg .tcfg__priceLine--ral{color:#000000c7}.tcfg .tcfg__priceLine--total{border-top:1px dashed var(--tcfg-bd);margin-top:6px;padding-top:10px;font-size:16px}.tcfg .tcfg__delay{display:flex;gap:8px;align-items:flex-start;margin-top:8px;padding:9px 10px;border-radius:10px;background:#ffc40029;border:1px solid rgba(180,130,0,.25);font-size:12.5px;line-height:1.35}.tcfg .tcfg__delay svg{flex:0 0 auto;margin-top:1px}.tcfg .tcfg__miniNote{font-size:12px;color:var(--tcfg-sub);margin-top:10px;line-height:1.35}.tcfg .tcfg__drawWrap{width:100%;border-radius:14px;overflow:hidden;border:1px solid var(--tcfg-bd);background:#ffffffa6}.tcfg .tcfg__svg{width:100%;height:auto;display:block;touch-action:none}.tcfg .tcfg__toolbar{margin-top:12px;border:1px solid var(--tcfg-bd);border-radius:14px;padding:12px;background:#ffffffa6}.tcfg .tcfg__toolTitle{font-weight:700;font-size:14px;margin-bottom:10px}.tcfg .tcfg__shapeRow{display:flex;gap:10px;flex-wrap:wrap}.tcfg .tcfg__shapeBtn{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--tcfg-bd);background:#ffffffe6;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px}.tcfg .tcfg__shapeBtn.is-active{border-color:#00000059;box-shadow:0 2px 12px #0000000f}.tcfg .tcfg__shapeIcon{width:28px;height:28px;display:grid;place-items:center;border-radius:10px;background:#0000000d}.tcfg .tcfg__controls{margin-top:12px;border:1px solid var(--tcfg-bd);border-radius:14px;padding:12px;background:#ffffffa6;display:grid;gap:12px}.tcfg .tcfg__label{display:block;font-weight:700;font-size:13px;margin-bottom:6px}.tcfg .tcfg__controlRow{display:flex;gap:10px;align-items:center}.tcfg .tcfg__range{width:100%}.tcfg .tcfg__number{width:92px;padding:8px 10px;border-radius:12px;border:1px solid var(--tcfg-bd);background:#fffffff2;font:inherit}.tcfg .tcfg__palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tcfg .tcfg__colorBtn{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;border:1px solid var(--tcfg-bd);background:#ffffffeb;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;justify-content:flex-start}.tcfg .tcfg__colorBtn.is-active{border-color:#0006;box-shadow:0 2px 12px #0000000f}.tcfg .tcfg__colorDot{width:18px;height:18px;border-radius:999px;background:var(--sw);border:1px solid rgba(0,0,0,.22);box-shadow:inset 0 0 0 1px #ffffff2e;flex:0 0 auto}.tcfg .tcfg__colorDot--ral{width:22px;height:22px;background:conic-gradient(from 0deg,#e60023,#ff7a00,#ffd400,#00a651,#06f,#7a1fff,#e60023)}.tcfg .tcfg__ralBtn{margin-top:10px;width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1px dashed rgba(0,0,0,.3);background:#ffffffeb;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left}.tcfg .tcfg__ralBtn.is-active{border-style:solid;border-color:#00000073;box-shadow:0 2px 12px #0000000f}.tcfg .tcfg__ralBtnText{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.tcfg .tcfg__ralBtnTitle{font-weight:700;font-size:13px}.tcfg .tcfg__ralBtnSub{font-size:12px;color:var(--tcfg-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tcfg .tcfg__ralBtnPrice{flex:0 0 auto;font-weight:800;font-size:13px;padding:4px 8px;border-radius:999px;background:#0000000f}.tcfg .tcfg__ral{margin-top:10px;border:1px solid var(--tcfg-bd);border-radius:12px;background:#ffffffeb;padding:10px}.tcfg .tcfg__ralHead{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.tcfg .tcfg__ralSearch{flex:1 1 200px;padding:8px 10px;border-radius:10px;border:1px solid var(--tcfg-bd);background:#fff;font:inherit;font-size:13px}.tcfg .tcfg__ralSelected{flex:1 1 200px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;min-height:34px}.tcfg .tcfg__ralSelected .tcfg__colorDot{width:20px;height:20px}.tcfg .tcfg__ralSelected small{font-weight:500;color:var(--tcfg-sub)}.tcfg .tcfg__ralGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:6px;max-height:196px;overflow:auto;padding:2px;border-radius:8px}.tcfg .tcfg__ralSw{position:relative;aspect-ratio:1 / 1;border-radius:8px;border:1px solid rgba(0,0,0,.18);background:var(--sw);cursor:pointer;padding:0;box-shadow:inset 0 0 0 1px #ffffff40}.tcfg .tcfg__ralSw:hover{transform:scale(1.08);z-index:1}.tcfg .tcfg__ralSw.is-active{outline:2px solid rgba(0,0,0,.85);outline-offset:2px}.tcfg .tcfg__ralSw.is-hidden{display:none}.tcfg .tcfg__ralEmpty{grid-column:1 / -1;font-size:12.5px;color:var(--tcfg-sub);padding:8px 4px}.tcfg .tcfg__ralFoot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px;font-size:11.5px;color:var(--tcfg-sub);line-height:1.35}.tcfg .tcfg__ralFootDelay{font-weight:700;color:#000000bf;white-space:nowrap}.tcfg .tcfg__form{margin-top:12px;display:grid;gap:10px}.tcfg .tcfg__btn{border-radius:12px;border:1px solid var(--tcfg-bd);background:#fffffff2;padding:10px 12px;cursor:pointer;font-size:14px}.tcfg .tcfg__btn--sm{padding:7px 10px;font-size:12.5px}.tcfg .tcfg__btn--ghost{background:#ffffffbf}.tcfg .tcfg__btn--primary{padding:12px 14px;font-weight:800;background:#000000e0;color:#fff;border-color:#00000059}.tcfg .tcfg__btn--primary:disabled{opacity:.6;cursor:default}@media(max-width:990px){.tcfg .tcfg__layout{flex-direction:column}}@media(max-width:520px){.tcfg .tcfg__palette{grid-template-columns:repeat(2,minmax(0,1fr))}.tcfg .tcfg__ralBtnSub{white-space:normal}}
/*# sourceMappingURL=/cdn/shop/t/123/assets/tcfg-table.css.map */