.px-mode[hidden]{display:none}[data-show][hidden],.px-group[hidden]{display:none!important}.px-hint{margin:0;font-size:13px;line-height:1.45;color:var(--c-muted)}.px-file{margin:0;font-size:13px;color:var(--c-text-2);overflow-wrap:anywhere}.px-group{display:flex;flex-direction:column;gap:10px}.px-row{display:flex;align-items:center;gap:10px;min-width:0}.px-row>.tl-input{flex:1 1 auto;min-width:0}.px-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.px-link{align-self:flex-start;padding:2px 0;border:0;background:none;font:inherit;font-size:14px;color:var(--c-text-2);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.px-link:hover{color:var(--c-text)}.px-swatches{display:flex;flex-wrap:wrap;gap:4px}.px-swatches:empty{display:none}.px-swatches>span{width:18px;height:18px;border-radius:4px;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.12)}.tl-seg.px-seg-grid{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr))}.tl-seg.px-seg-2{grid-template-columns:repeat(2,minmax(0,1fr))}.px-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.px-presets button{min-width:0;height:36px;padding:0 8px;border:1px solid var(--c-line);border-radius:8px;background:var(--c-page);font:inherit;font-size:14px;font-weight:500;color:var(--c-text);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.px-presets button:hover{border-color:var(--c-line-2)}.px-presets button[aria-pressed=true]{background:var(--c-ink);border-color:var(--c-ink);color:var(--c-on-ink)}.px-colors{display:flex;flex-wrap:wrap;gap:8px 16px}.px-color-f{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--c-text-2);cursor:pointer}.px-bar{padding:10px 12px;border-bottom:1px solid var(--c-line)}.px-bar .tl-seg{max-width:320px}.px-stage{padding:16px;box-sizing:border-box}.px-bar+.px-stage{border-radius:0}.px-stage>canvas{box-shadow:0 0 0 1px rgba(0,0,0,0.06)}.px-stage.px-busy::after{content:"Считаю…";position:absolute;top:12px;right:12px;padding:5px 10px;border-radius:8px;background:rgba(31,31,31,0.82);color:var(--c-on-ink);font-size:13px;font-weight:500;animation:px-busy .2s ease .25s both;pointer-events:none}@keyframes px-busy{from{opacity:0}to{opacity:1}}.px-remap{position:relative;padding:12px 14px;border-top:1px solid var(--c-line);display:flex;flex-direction:column;gap:8px}.px-remap .px-swatches{gap:6px}.px-sw-btn{width:30px;height:30px;padding:0;border:0;border-radius:7px;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.14);cursor:pointer}.px-sw-btn:hover{box-shadow:inset 0 0 0 2px #1F1F1F}.px-sw-btn:focus-visible{outline:2px solid var(--c-ink);outline-offset:2px}.px-remap-input{position:absolute;left:14px;bottom:10px;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none}.px-bc-fit{display:flex;flex-direction:column;gap:8px}.px-chips{display:flex;flex-wrap:wrap;gap:6px}.px-chip{height:30px;padding:0 10px;border:1px solid var(--c-line);border-radius:8px;background:var(--c-page);font:inherit;font-size:13px;font-weight:500;color:var(--c-text);cursor:pointer}.px-chip:hover{border-color:#A8A8A8}.px-mode .tl-foot .tl-actions{justify-content:flex-end}@media(max-width:520px){.px-mode .tl-foot{flex-direction:column;align-items:stretch}.px-mode .tl-foot .tl-meta{text-align:center}}.px-pick{display:flex;flex-direction:column;align-items:center;gap:14px;cursor:pointer;border-radius:10px;outline:none}.px-pick:focus-visible{box-shadow:0 0 0 2px var(--c-ink)}.px-pick-btn{height:40px;padding:0 16px;border-radius:10px;background:var(--c-ink);color:var(--c-on-ink);font-size:15px;font-weight:600;display:inline-flex;align-items:center}.px-pick:hover .px-pick-btn{background:var(--c-ink-fill)}.px-stage.px-over{box-shadow:inset 0 0 0 2px #8A8A8A}.px-stage canvas[data-maxup="2"]{image-rendering:pixelated}@media(max-width:860px){.px-mode>.tl-panel:not(.tl-side){order:-1}}.px-pick[hidden]{display:none}@media(max-width:860px){.px-stage:has(>canvas){min-height:200px}}