@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* tc-scoped:tc-wp-tool-root */

.tc-wp-tool-root {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  display: flow-root;
  isolation: isolate;
  position: relative;
}
.tc-wp-tool-root img,
.tc-wp-tool-root video,
.tc-wp-tool-root svg,
.tc-wp-tool-root iframe {
  max-width: 100%;
  height: auto;
}

.tc-wp-tool-root #cslg-wrap#cslg-wrap{
  position: relative;
  width: 100%;
  min-height: 100%;
  box-sizing: border-box;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #271b24;
  background: radial-gradient(circle at top left, #fff6df 0, #f4e2bd 32%, #ead4aa 100%);
  padding: 24px 14px 34px;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap *, .tc-wp-tool-root #cslg-wrap#cslg-wrap *::before, .tc-wp-tool-root #cslg-wrap#cslg-wrap *::after{
  box-sizing: border-box;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-shell, .tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-main, .tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-results{
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-hero{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 18px;
  text-align: center;
  padding: 14px 6px 8px;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-hero h1{
  margin: 0 auto 10px;
  max-width: 900px;
  font-size: clamp(2rem, 9vw, 4.25rem);
  line-height: .98;
  letter-spacing: 0;
  color: #6f1732;
  font-weight: 800;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-hero p{
  margin: 0 auto;
  max-width: 690px;
  color: #49384c;
  font-size: clamp(1rem, 3vw, 1.18rem);
  line-height: 1.55;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-main{
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-card{
  background: rgba(255, 249, 236, .92);
  border: 1px dashed rgba(111, 23, 50, .34);
  border-radius: 8px;
  box-shadow: 0 18px 46px rgba(58, 31, 37, .16);
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-controls{
  padding: 16px;
  display: grid;
  gap: 14px;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-field{
  display: grid;
  gap: 7px;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap label{
  font-size: .88rem;
  font-weight: 750;
  color: #2f2747;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap textarea, .tc-wp-tool-root #cslg-wrap#cslg-wrap select, .tc-wp-tool-root #cslg-wrap#cslg-wrap input{
  font: inherit;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap textarea{
  width: 100%;
  min-height: 132px;
  resize: vertical;
  border: 1px solid rgba(47, 39, 71, .22);
  border-radius: 8px;
  background: #fffdf6;
  color: #271b24;
  padding: 12px 13px;
  outline: none;
  box-shadow: inset 0 2px 8px rgba(47, 39, 71, .06);
}.tc-wp-tool-root #cslg-wrap#cslg-wrap textarea:focus, .tc-wp-tool-root #cslg-wrap#cslg-wrap select:focus, .tc-wp-tool-root #cslg-wrap#cslg-wrap input:focus, .tc-wp-tool-root #cslg-wrap#cslg-wrap button:focus-visible{
  outline: 3px solid rgba(204, 155, 45, .5);
  outline-offset: 2px;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap button, .tc-wp-tool-root #cslg-wrap#cslg-wrap button[type="button"]{
  appearance: none;
  border: 0;
  font: inherit;
  cursor: pointer;
  min-height: 42px;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-btn, .tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-chip{
  border-radius: 8px;
  padding: 10px 13px;
  background: #741a35;
  color: #fffaf0;
  font-weight: 750;
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease, background .18s ease;
  box-shadow: 0 9px 18px rgba(116, 26, 53, .18);
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-btn:hover, .tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-chip:hover{
  transform: translateY(-2px);
  filter: brightness(1.06);
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-btn:active, .tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-chip:active{
  transform: scale(.97);
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-btn.cslg-success, .tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-chip.cslg-success{
  background: #1f5d52;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-count{
  color: #5b4d52;
  font-size: .86rem;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-tabs{
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-chip{
  background: #fff3d6;
  color: #2f2747;
  border: 1px solid rgba(47, 39, 71, .16);
  box-shadow: none;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-chip.cslg-active{
  background: #24325f;
  color: #fffaf0;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap input[type="range"]{
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  min-height: 28px;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap input[type="range"]::-webkit-slider-runnable-track{
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(90deg, #741a35, #cc9b2d);
}.tc-wp-tool-root #cslg-wrap#cslg-wrap input[type="range"]::-moz-range-track{
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(90deg, #741a35, #cc9b2d);
}.tc-wp-tool-root #cslg-wrap#cslg-wrap input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance: none;
  width: 22px;
  height: 22px;
  margin-top: -7px;
  border-radius: 50%;
  background: #fffaf0;
  border: 3px solid #741a35;
  box-shadow: 0 3px 10px rgba(0,0,0,.22);
}.tc-wp-tool-root #cslg-wrap#cslg-wrap input[type="range"]::-moz-range-thumb{
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fffaf0;
  border: 3px solid #741a35;
  box-shadow: 0 3px 10px rgba(0,0,0,.22);
}.tc-wp-tool-root #cslg-wrap#cslg-wrap input[type="color"]{
  width: 100%;
  height: 44px;
  padding: 3px;
  border: 1px solid rgba(47, 39, 71, .22);
  border-radius: 8px;
  background: #fffdf6;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap select{
  width: 100%;
  min-height: 44px;
  appearance: none;
  background: #fffdf6;
  border: 1px solid rgba(47, 39, 71, .22);
  border-radius: 8px;
  color: #271b24;
  padding: 10px 12px;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-toggleline{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-toggle{
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: #fff3d6;
  border: 1px solid rgba(47, 39, 71, .16);
  border-radius: 8px;
  padding: 9px 10px;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-toggle input{
  width: 18px;
  height: 18px;
  accent-color: #741a35;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-more-panel{
  display: none;
  gap: 14px;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-more-panel.cslg-open{
  display: grid;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-preview{
  padding: 14px;
  min-width: 0;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-card-head{
  display: grid;
  gap: 12px;
  margin-bottom: 12px;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-card-head h2{
  margin: 0 0 4px;
  color: #24325f;
  font-size: 1.1rem;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-card-head p{
  margin: 0;
  color: #62545b;
  font-size: .9rem;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-preview-actions{
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-preview-actions .cslg-btn{
  flex: 1 1 120px;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-board{
  min-height: 260px;
  max-height: 520px;
  overflow: auto;
  border-radius: 8px;
  border: 1px solid rgba(47, 39, 71, .18);
  background-color: #f4e6c8;
  background-image: linear-gradient(rgba(111,23,50,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(111,23,50,.08) 1px, transparent 1px), radial-gradient(circle at 20% 20%, rgba(255,255,255,.28), transparent 35%);
  background-size: 16px 16px, 16px 16px, 100% 100%;
  padding: 18px;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-board.cslg-no-grid{
  background-image: radial-gradient(circle at 20% 20%, rgba(255,255,255,.28), transparent 35%);
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-stitch-grid{
  display: grid;
  justify-content: start;
  align-content: start;
  gap: 0;
  min-width: max-content;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-cell{
  position: relative;
  width: var(--cslg-size, 10px);
  height: var(--cslg-size, 10px);
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-cell.cslg-on::before, .tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-cell.cslg-on::after{
  content: "";
  position: absolute;
  left: 48%;
  top: 8%;
  width: 2px;
  height: 86%;
  border-radius: 2px;
  background: var(--cslg-thread, #a51f3d);
  box-shadow: 0 0 0 1px rgba(255,255,255,.12);
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-cell.cslg-on::before{
  transform: rotate(45deg);
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-cell.cslg-on::after{
  transform: rotate(-45deg);
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-cell.cslg-symbol::before{
  content: "x";
  position: static;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  transform: none;
  background: transparent;
  color: var(--cslg-thread, #a51f3d);
  font-size: calc(var(--cslg-size, 10px) * .85);
  line-height: 1;
  font-weight: 800;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-cell.cslg-symbol::after{
  display: none;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-results{
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  margin-top: 16px;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-result-card{
  min-height: 218px;
  max-height: 218px;
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 10px;
  padding: 14px;
  background: rgba(255, 253, 246, .94);
  border: 1px dashed rgba(36, 50, 95, .25);
  border-radius: 8px;
  box-shadow: 0 12px 26px rgba(47, 39, 71, .1);
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-result-card h3{
  margin: 0;
  font-size: .98rem;
  color: #741a35;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-category{
  display: inline-flex;
  width: fit-content;
  margin-top: 5px;
  padding: 4px 8px;
  border-radius: 999px;
  background: #f4e6c8;
  color: #24325f;
  font-size: .75rem;
  font-weight: 750;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-output{
  min-height: 90px;
  max-height: 90px;
  overflow: auto;
  white-space: pre-wrap;
  word-break: normal;
  overflow-wrap: break-word;
  background: #fff8e8;
  border-radius: 8px;
  border: 1px solid rgba(116, 26, 53, .13);
  padding: 10px;
  color: #2b2434;
  line-height: 1.45;
  font-size: .92rem;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap canvas, .tc-wp-tool-root #cslg-wrap#cslg-wrap svg{
  max-width: 100%;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-toast{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(.96);
  z-index: 999999;
  opacity: 0;
  pointer-events: none;
  background: #201724;
  color: #fffaf0;
  border: 1px solid rgba(255,255,255,.2);
  box-shadow: 0 18px 60px rgba(0,0,0,.38);
  border-radius: 8px;
  padding: 14px 18px;
  font-weight: 800;
  transition: opacity .18s ease, transform .18s ease;
}.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-toast.cslg-show{
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}@media (min-width: 640px) {.tc-wp-tool-root #cslg-wrap#cslg-wrap{
    padding: 30px 18px 42px;
  }.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-results{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-card-head{
    grid-template-columns: 1fr auto;
    align-items: start;
  }}@media (min-width: 768px) {.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-more-panel{
    display: grid;
  }.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-more{
    display: none;
  }}@media (min-width: 1024px) {.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-main{
    grid-template-columns: minmax(310px, 390px) minmax(0, 1fr);
    align-items: start;
  }.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-results{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }.tc-wp-tool-root #cslg-wrap#cslg-wrap .cslg-board{
    min-height: 420px;
  }}.tc-wp-tool-root{
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  margin-top: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  z-index: 0 !important;
}

.tc-wp-tool-root .cslg-clear {}
.tc-wp-tool-root .cslg-color {}
.tc-wp-tool-root .cslg-copy-all {}
.tc-wp-tool-root .cslg-copy-preview {}
.tc-wp-tool-root .cslg-essential {}
.tc-wp-tool-root .cslg-fabric {}
.tc-wp-tool-root .cslg-grid-toggle {}
.tc-wp-tool-root .cslg-input {}
.tc-wp-tool-root .cslg-png {}
.tc-wp-tool-root .cslg-range {}
.tc-wp-tool-root .cslg-select {}
.tc-wp-tool-root .cslg-spacing {}
.tc-wp-tool-root .cslg-spacing-value {}
.tc-wp-tool-root .cslg-stitch-value {}
.tc-wp-tool-root .cslg-svg {}
.tc-wp-tool-root .cslg-symbol-toggle {}
.tc-wp-tool-root .cslg-wrap {}