.token-maker{--bg: #0f1724;--bg-strong: #0b1220;--card: rgba(255, 255, 255, .04);--card-strong: rgba(11, 18, 32, .82);--accent: #61ab90;--accent-strong: #85c3ad;--muted: #94a3b8;--rose: #bf4158;--text: #e6eef6;--line: rgba(255, 255, 255, .08);--shadow: 0 30px 80px rgba(2, 6, 23, .35);--radius-l: 28px;--radius-m: 20px;--radius-s: 14px;padding:0;background:transparent;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica Neue,Arial,Noto Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none}.token-maker *{box-sizing:border-box}.token-maker [hidden]{display:none!important}.token-maker__shell{max-width:1380px;margin:0 auto;background:transparent;border:0;border-radius:0;overflow:visible;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.token-maker__header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:8px 8px 24px;border-bottom:0;background:transparent}.token-maker__title{margin:0;font-size:clamp(34px,5vw,58px);line-height:.95;letter-spacing:.01em;font-family:Metal Mania,cursive,serif;color:#bf4158;font-weight:400;text-transform:none}.token-maker__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;min-width:290px}.token-maker__layout{display:grid;grid-template-columns:370px minmax(0,1fr);min-height:780px;gap:24px}.token-maker__sidebar{display:flex;flex-direction:column;gap:16px;padding:0;border-right:0;background:transparent}.token-maker__editor-panel{display:flex;flex-direction:column;gap:16px;padding:0}.token-maker__note{display:grid;gap:6px;padding:16px 18px;border:1px solid rgba(97,171,144,.24);border-radius:18px;background:#61ab9014}.token-maker__note-title{color:var(--accent-strong);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.token-maker__note-text{color:var(--muted);font-size:14px;line-height:1.5}.tm-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-m);overflow:hidden}.tm-panel__body{padding:18px}.tm-panel summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;cursor:pointer;list-style:none;font-size:16px;font-weight:700;letter-spacing:.02em}.tm-panel summary::-webkit-details-marker{display:none}.tm-panel summary:after{content:"+";width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#61ab901a;color:var(--accent);font-size:20px;line-height:1;flex-shrink:0}.tm-panel[open] summary:after{content:"-"}.tm-about{color:var(--muted);font-size:14px;line-height:1.6}.tm-about p{margin:0}.tm-form-stack{display:grid;gap:14px}.tm-form-row{display:grid;gap:10px}.tm-input-group{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.tm-field-label{display:grid;gap:8px;color:var(--text);font-size:13px;font-weight:600}.tm-field-caption{color:var(--muted);font-size:12px;line-height:1.4;font-weight:400}.tm-input,.tm-select,.tm-range{width:100%;accent-color:var(--accent);font:inherit}.tm-input,.tm-select{min-height:44px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0a;color:var(--text)}.tm-input:focus,.tm-select:focus,.tm-range:focus,.tm-color:focus{outline:2px solid rgba(97,171,144,.3);outline-offset:2px}.tm-select option{color:#101827}.tm-input--number{max-width:120px}.tm-checkbox{width:22px;height:22px;accent-color:var(--accent)}.tm-color{width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:transparent;overflow:hidden;cursor:pointer}.tm-color::-webkit-color-swatch-wrapper{padding:0}.tm-color::-webkit-color-swatch{border:0}.tm-color::-moz-color-swatch{border:0}.tm-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 18px;border:1px solid rgba(97,171,144,.38);border-radius:999px;background:linear-gradient(180deg,#77c4a7,#61ab90);color:#0b1220;cursor:pointer;font:inherit;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;box-shadow:0 12px 24px #61ab902e}.tm-button:hover,.tm-button:focus-visible{transform:translateY(-1px);filter:brightness(1.05)}.tm-button:disabled{transform:none;filter:saturate(.5);opacity:.45;cursor:not-allowed;box-shadow:none}.tm-button--secondary{background:#ffffff0b;border-color:var(--line);color:var(--text);box-shadow:none}.tm-button--danger{background:#bf41581f;border-color:#bf415847;color:#ffdbe2;box-shadow:none}.tm-text-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tm-text-settings{margin-top:14px;display:grid;gap:14px}.tm-borders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tm-border-selector{display:grid;gap:10px;width:100%;padding:12px;border:1px solid rgba(255,255,255,.06);border-radius:16px;background:#ffffff06;color:var(--text);cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}.tm-border-selector:hover,.tm-border-selector:focus-visible{transform:translateY(-2px);border-color:#61ab9059;background:#ffffff0b}.tm-border-selector.is-active{border-color:#61ab90b3;background:#61ab901f;box-shadow:0 0 0 1px #61ab9040}.tm-border-selector img{width:100%;max-width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block;border-radius:12px;background:linear-gradient(45deg,rgba(255,255,255,.05) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.05) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.05) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.05) 75%);background-size:30px 30px;background-position:0 0,0 15px,15px -15px,-15px 0}.tm-border-selector span{display:block;text-align:center;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.tm-stage-frame{position:relative;display:flex;align-items:center;justify-content:center;min-height:700px;padding:20px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 22%),#ffffff06;overflow:hidden}.tm-stage{position:relative;width:min(100%,920px);aspect-ratio:1 / 1;border-radius:22px;overflow:hidden;background:linear-gradient(45deg,rgba(255,255,255,.06) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.06) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.06) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.06) 75%),#f5f7fb;background-size:56px 56px;background-position:0 0,0 28px,28px -28px,-28px 0;box-shadow:inset 0 0 0 1px #0b122014,0 24px 40px #02061726}.tm-stage canvas{display:block;width:100%!important;height:100%!important}.token-maker.token-maker--drop .tm-stage:after{content:"Drop image here";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;border:4px dashed rgba(191,65,88,.55);background:#0b1220c7;color:var(--rose);font-size:clamp(22px,4vw,40px);font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-align:center;z-index:3;animation:token-maker-jiggle 1s ease-in-out infinite;pointer-events:none}.tm-status-bar{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:#ffffff08}.tm-status-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#ffffff0a;color:var(--muted);font-size:12px;line-height:1.4}.tm-status-chip strong{color:var(--text);font-weight:700}@keyframes token-maker-jiggle{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@media(max-width:1120px){.token-maker__layout{grid-template-columns:1fr}.token-maker__sidebar{border-bottom:0}.tm-stage-frame{min-height:620px}}@media(max-width:780px){.token-maker{padding:0}.token-maker__header{flex-direction:column;padding:0 0 20px}.token-maker__actions{width:100%;min-width:0;justify-content:flex-start}.token-maker__sidebar,.token-maker__editor-panel{padding:0}.tm-borders{grid-template-columns:repeat(3,minmax(0,1fr))}.tm-stage-frame{min-height:auto;padding:14px}}@media(max-width:560px){.token-maker__actions,.tm-text-actions{display:grid;grid-template-columns:1fr}.tm-input-group{grid-template-columns:1fr;align-items:start}.tm-borders{grid-template-columns:repeat(2,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/token-maker.css.map */