.tss{--tss-ink:#17130f;--tss-line:#e2ddd3;--tss-muted:#6f6a60;--tss-paper:#faf8f4;--tss-radius:12px;display:grid;grid-template-columns:1fr;gap:20px;max-width:1080px;margin:24px 0;color:#1d2327;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.4}.tss *,.tss *:before,.tss *:after{box-sizing:border-box}@media (min-width:900px){.tss{grid-template-columns:350px 1fr}}.tss-panel{display:flex;flex-direction:column;gap:16px;background:#fff;border:1px solid var(--tss-line);border-radius:14px;padding:20px}.tss-main{display:flex;flex-direction:column;gap:14px;min-width:0}.tss-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--tss-muted)}.tss-field{display:flex;flex-direction:column;gap:6px;min-width:0}.tss-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tss-text,.tss-select{width:100%;padding:10px 12px;border:1px solid #d7d1c6;border-radius:10px;font-size:15px;color:#1d2327;background:#fff;outline:none}.tss-text:focus,.tss-select:focus{border-color:#17130f}.tss-chips{display:flex;flex-wrap:wrap;gap:7px}.tss-font-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.tss-cyr-toggle{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--tss-muted);cursor:pointer;user-select:none;white-space:nowrap}.tss-cyr-toggle input{accent-color:var(--tss-ink);margin:0}.tss-chip{border:1px solid #d7d1c6;background:var(--tss-paper);border-radius:10px;padding:8px 11px;font-size:19px;line-height:1;cursor:pointer;color:#1d2327;transition:border-color .15s,background .15s,color .15s}.tss-chip:hover{border-color:#a89e8f}.tss-chip.is-active{border-color:var(--tss-ink);background:var(--tss-ink);color:#f6f2ea}.tss-chip:disabled{opacity:.3;cursor:not-allowed}.tss-chip-sm{font-size:14px;font-family:inherit !important;padding:7px 12px}.tss-range{width:100%;accent-color:var(--tss-ink);margin:4px 0}.tss-btn{border:none;border-radius:10px;background:var(--tss-ink);color:#f6f2ea;font-size:15px;font-weight:600;padding:13px 18px;cursor:pointer;transition:opacity .15s}.tss-btn:hover{opacity:.85}.tss-btn:disabled{opacity:.4;cursor:not-allowed}.tss-note{font-size:12px;color:#8a8378}.tss-note-center{text-align:center}.tss-canvas-wrap{border:1px solid var(--tss-line);border-radius:14px;overflow:hidden;background:#fff}.tss-canvas-wrap.is-transparent{background-image:repeating-conic-gradient(#e9e5dc 0% 25%,#fff 0% 50%);background-size:18px 18px}.tss-canvas{display:block;width:100%;height:auto}.tss-variants-title{margin-top:6px}.tss-variants{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (min-width:640px){.tss-variants{grid-template-columns:repeat(3,1fr)}}.tss-variant{position:relative;border:1px solid var(--tss-line);border-radius:10px;overflow:hidden;background:#fff}.tss-variant-pick{display:block;width:100%;padding:0;border:none;background:0 0;cursor:pointer}.tss-variant-pick canvas{display:block;width:100%;height:auto}.tss-variant-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--tss-line);padding:6px 9px}.tss-variant-name{font-size:13px;color:#1d2327;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tss-variant-dl{border:none;background:0 0;padding:3px;cursor:pointer;color:var(--tss-muted);line-height:0;border-radius:6px}.tss-variant-dl:hover{background:var(--tss-paper);color:var(--tss-ink)}.tss-variant-dl svg{width:15px;height:15px}