.sign-creator-section{padding:1.5rem 0 6rem}.sign-page-title{text-align:center;margin-bottom:.5rem}.sign-page-subtitle{text-align:center;color:var(--color-secondary-text, #666);margin-bottom:3rem;font-size:1rem}.sign-creator-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:4rem;align-items:start;margin-bottom:6rem}@media(max-width:900px){.sign-creator-grid{grid-template-columns:1fr;gap:2.5rem}}.sign-board-col{display:flex;flex-direction:column;gap:.75rem}.sign-board-wrapper{position:relative;display:block}.sign-hidden-input{position:fixed;top:-300px;left:0;width:1px;height:1px;opacity:0;border:none;outline:none;padding:0;font-size:16px;pointer-events:none}.color-toggle-slider{position:relative;display:flex;background:#00000012;border-radius:100px;padding:4px;gap:0}.color-toggle-thumb{position:absolute;top:4px;left:4px;bottom:4px;width:calc(50% - 4px);border-radius:100px;background:#111;pointer-events:none;transition:transform .22s cubic-bezier(.4,0,.2,1),background-color .22s ease}.color-toggle-slider[data-active=red] .color-toggle-thumb{transform:translate(100%);background-color:#c41a1a}.color-toggle-slider .color-btn{flex:1;justify-content:center;padding:.85rem 1rem;font-size:1.05rem;font-family:"Fredoka",inherit;font-weight:600;letter-spacing:.04em;border-radius:100px;position:relative;z-index:1;background:transparent;border-color:transparent;transition:color .22s ease}.color-toggle-slider .color-btn:hover{border-color:transparent}.color-toggle-slider .color-btn.is-active{background:transparent;border-color:transparent;color:#fff}.color-toggle-slider .color-btn[data-color=black]:not(.is-active){color:#111}.color-toggle-slider .color-btn[data-color=red]:not(.is-active){color:#c41a1a}.sign-board-img{width:100%;height:auto;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.sign-rows-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sign-row{position:absolute;left:24%;width:51.25%;display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer;border-radius:2px;outline:2px solid transparent;outline-offset:1px;transition:outline-color .12s ease}.sign-row:hover{outline-color:#64a0ff73}.sign-row.is-selected{outline-color:#3b82f6cc}.sign-row--locked{cursor:default;pointer-events:none}.icon-picker{display:flex;gap:8px;justify-content:center}.icon-btn{width:3.5rem;height:3.5rem;border:1.5px solid var(--color-border, #ddd);background:var(--color-background, #fff);border-radius:8px;font-size:1.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .1s,transform .08s;line-height:1}.icon-btn:hover{border-color:var(--color-foreground, #111)}.icon-btn:active{transform:scale(.9);background:var(--color-foreground, #111);color:var(--color-background, #fff)}.sign-row[data-row="0"]{top:8.35%;height:9.5%}.sign-row[data-row="1"]{top:18.4%;height:9.5%}.sign-row[data-row="2"]{top:28.5%;height:9.4%}.sign-row[data-row="3"]{top:38.3%;height:9.4%}.sign-row[data-row="4"]{top:48.3%;height:9.4%}.sign-row[data-row="5"]{top:58.2%;height:9.2%}.sign-row[data-row="6"]{top:68%;height:9.2%}.sign-row__chars{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:2px;padding:0 4px;height:82%;overflow:hidden}.sign-char{font-family:Fredoka,Arial Narrow,Arial,sans-serif;font-stretch:75%;font-weight:600;font-size:var(--sign-font-size, 20px);line-height:1;display:inline-flex;align-items:center;justify-content:center;background:#f8f8f8;padding:.02em .05em;min-width:.1em;border-radius:1px;box-shadow:0 1px 2px #0000001f,inset 0 1px #fff9;-webkit-user-select:none;user-select:none;flex-shrink:0}.sign-char--black{color:#111}.sign-char--red{color:#c41a1a}.sign-char--space{background:transparent;box-shadow:none;min-width:.45em}.sign-controls{display:flex;flex-direction:column;gap:1.6rem}.sign-controls__label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--color-secondary-text, #888);font-weight:600;margin-bottom:.5rem}.row-selector{display:flex;flex-wrap:wrap;gap:5px}.row-btn{width:2.25rem;height:2.25rem;border:1.5px solid var(--color-border, #ddd);background:transparent;border-radius:5px;font-size:.875rem;font-weight:600;cursor:pointer;color:var(--color-foreground, #111);transition:background .12s,border-color .12s,color .12s;font-family:inherit}.row-btn:hover{border-color:var(--color-foreground, #111)}.row-btn.is-active{background:var(--color-foreground, #111);color:var(--color-background, #fff);border-color:var(--color-foreground, #111)}.color-selector{display:flex;gap:8px}.color-btn{display:flex;align-items:center;gap:1px;padding:.25rem .5rem;border:1px solid var(--color-border, #ddd);background:transparent;border-radius:7px;cursor:pointer;font-size:2rem;font-weight:800;font-family:"Fredoka",inherit;transition:border-color .12s,background .12s,color .12s;color:var(--color-foreground, #111)}.color-btn__dot{width:13px;height:13px;border-radius:50%;flex-shrink:0;border:1.5px solid rgba(0,0,0,.15)}.color-btn[data-color=black] .color-btn__dot{background:#111}.color-btn[data-color=red] .color-btn__dot{background:#c41a1a}.color-btn.is-active{border-color:var(--color-foreground, #111);background:var(--color-foreground, #111);color:var(--color-background, #fff)}.color-btn.is-active[data-color=red]{border-color:#c41a1a;background:#c41a1a;color:#fff}.sign-keyboard{display:flex;flex-direction:column;gap:5px}.sign-keyboard__row{display:flex;flex-wrap:wrap;gap:4px}.key-btn{min-width:2.1rem;height:2.2rem;padding:0 .45rem;border:1.5px solid var(--color-border, #ddd);background:var(--color-background, #fff);border-radius:5px;font-family:"Fredoka",inherit;font-size:.9rem;font-weight:600;cursor:pointer;color:var(--color-foreground, #111);transition:background .08s,transform .07s,border-color .08s;-webkit-user-select:none;user-select:none;line-height:1}.key-btn:hover{border-color:var(--color-foreground, #111)}.key-btn:active{transform:scale(.91);background:var(--color-foreground, #111);color:var(--color-background, #fff);border-color:var(--color-foreground, #111)}.key-btn--space{flex:1;min-width:5rem;font-size:.75rem;letter-spacing:.04em}.key-btn--delete{min-width:5.5rem;font-size:.8rem}.key-btn--clear{min-width:6rem;font-size:.75rem;letter-spacing:.02em}.sign-save{display:flex;gap:8px;align-items:stretch}.sign-save__input{flex:1;padding:.62rem .9rem;border:1.5px solid var(--color-border, #ddd);border-radius:7px;font-size:.9rem;background:var(--color-background, #fff);color:var(--color-foreground, #111);outline:none;font-family:inherit;transition:border-color .15s;min-width:0}.sign-save__input:focus{border-color:var(--color-foreground, #111)}.sign-save__input.has-error{border-color:#c41a1a}.sign-save__btn{padding:.62rem 1.4rem;background:var(--color-foreground, #111);color:var(--color-background, #fff);border:none;border-radius:7px;font-size:.875rem;font-weight:600;cursor:pointer;white-space:nowrap;font-family:inherit;transition:opacity .15s;flex-shrink:0}.sign-save__btn:hover{opacity:.82}.sign-keyboard-hint{font-size:.78rem;color:var(--color-secondary-text, #888);margin-top:.2rem}.sign-share-btn{width:100%;padding:1.1rem 2rem;background:#414939;color:#f6f3eb;border:none;border-radius:10px;font-size:1.15rem;font-weight:800;font-family:inherit;cursor:pointer;transition:opacity .15s,transform .1s;letter-spacing:.02em}.sign-share-btn:hover{opacity:.88;transform:translateY(-1px)}.sign-share-btn:active{transform:translateY(0)}.sign-share-btn:disabled{opacity:.5;cursor:wait}.sign-share-hint{font-size:.78rem;color:var(--color-secondary-text, #888);margin-top:.5rem;line-height:1.4}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-sign-creator.css.map */