:root{--void: #0a0a12;--ink: #14141f;--ink-2: #1c1c2b;--paper: #f5f3f7;--paper-dim: #a8a6b8;--pink: #ff2e9a;--cyan: #2eebff;--violet: #8b5cf6;--line: rgba(245,243,247,.08);--active-color: #ff2e9a}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--void);color:var(--paper);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit;text-decoration:none}nav{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a12bf;border-bottom:1px solid var(--line)}nav .wrap{max-width:1320px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;height:72px}.logo{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:19px;letter-spacing:-.02em;display:flex;align-items:center;gap:10px}.logo-dot{width:9px;height:9px;border-radius:50%;background:var(--pink);box-shadow:0 0 12px 2px var(--pink),0 0 24px 4px #ff2e9a80}.step-indicator{font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--paper-dim)}.step-indicator b{color:var(--paper);font-weight:500}.studio{max-width:1320px;margin:0 auto;padding:40px 32px 100px;display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:start}.preview-col{position:sticky;top:96px}.preview-frame{border-radius:24px;border:1px solid var(--line);background:radial-gradient(ellipse 70% 60% at 50% 40%,rgba(255,255,255,.03),transparent 70%),repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0px,rgba(255,255,255,.02) 1px,transparent 1px,transparent 28px),repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0px,rgba(255,255,255,.02) 1px,transparent 1px,transparent 28px),var(--ink);min-height:460px;display:flex;align-items:center;justify-content:center;padding:60px 40px;position:relative;overflow:hidden}.preview-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,var(--active-color) 0%,transparent 55%);opacity:.14;transition:background .3s ease;pointer-events:none}#signText{font-size:56px;line-height:1.15;text-align:center;color:var(--active-color);text-shadow:0 0 8px color-mix(in srgb,var(--active-color) 90%,transparent),0 0 24px color-mix(in srgb,var(--active-color) 65%,transparent),0 0 60px color-mix(in srgb,var(--active-color) 40%,transparent);word-break:break-word;max-width:100%;transition:color .25s ease,text-shadow .25s ease,font-family .15s ease;animation:flicker 4s ease-in-out infinite}#signText:empty:before{content:"Your text here";opacity:.35}html.rgb-mode .preview-frame:before{background:conic-gradient(from 90deg at 50% 50%,#ff2e9a,#ff5c2e,#ffe135,#39ff6a,#2eebff,#8b5cf6,#ff2e9a);opacity:.1}html.rgb-mode #signText{color:#fff;background:linear-gradient(90deg,#ff2e9a,#ff5c2e,#ffe135,#39ff6a,#2eebff,#8b5cf6,#ff2e9a);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 8px rgba(255,46,154,.9)) drop-shadow(0 0 22px rgba(46,235,255,.65));animation:rgb-flow 4s linear infinite,flicker 4s ease-in-out infinite}@keyframes rgb-flow{to{background-position:220% 0}}@media(prefers-reduced-motion:reduce){html.rgb-mode #signText{animation:none}}@keyframes flicker{0%,94%,to{opacity:1}95%{opacity:.5}96%{opacity:1}97%{opacity:.6}}@media(prefers-reduced-motion:reduce){#signText{animation:none}}#backboardWrap{display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:18px;transition:all .25s ease;max-width:100%}#backboardWrap.backboard-none{padding:30px 40px;background:#14141f8c;border:1px solid rgba(255,255,255,.16);border-radius:45% 55% 50% 50%/60% 40%;box-shadow:0 8px 30px #00000040}#backboardWrap.backboard-square{padding:46px 56px;background:linear-gradient(135deg,#ffffff0f,#ffffff04);border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 40px #0000004d}#backboardWrap.backboard-invisible{padding:34px 42px;background:transparent;border:none;box-shadow:none}.mount-toggle{display:flex;justify-content:center;gap:8px;margin-top:18px}.mount-btn{font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.04em;padding:8px 16px;border-radius:100px;border:1px solid var(--line);color:var(--paper-dim);cursor:pointer;background:transparent;transition:all .2s ease}.mount-btn.active,.mount-btn:hover{color:var(--paper);border-color:var(--paper-dim)}.price-strip{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding:20px 24px;border-radius:16px;background:var(--ink);border:1px solid var(--line)}.price-strip .label{font-size:13px;color:var(--paper-dim);margin-bottom:4px}.price-strip .amount{font-family:Space Grotesk,sans-serif;font-size:26px;font-weight:700}.price-strip .meta{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--paper-dim);text-align:right}.controls{display:flex;flex-direction:column;gap:32px}.control-block{border:1px solid var(--line);border-radius:18px;padding:26px;background:#ffffff04}.control-block h3{font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.control-block h3 .hint{font-family:JetBrains Mono,monospace;font-weight:400;font-size:11.5px;color:var(--paper-dim);text-transform:none}textarea#textInput{width:100%;background:var(--ink);border:1px solid var(--line);border-radius:12px;padding:14px 16px;color:var(--paper);font-family:Inter,sans-serif;font-size:15px;resize:none;height:76px;outline:none;transition:border-color .2s ease}textarea#textInput:focus{border-color:var(--cyan)}.char-count{font-family:JetBrains Mono,monospace;font-size:11.5px;color:var(--paper-dim);text-align:right;margin-top:8px}.intro-note{border:1px solid rgba(46,235,255,.2);border-radius:16px;padding:20px 22px;background:#2eebff0a}.intro-note p{font-size:13.5px;line-height:1.7;color:var(--paper-dim)}.intro-note strong{color:var(--paper);font-weight:600}.upload-drop{display:block;border:1.5px dashed rgba(245,243,247,.2);border-radius:14px;padding:28px 20px;text-align:center;cursor:pointer;transition:border-color .2s ease,background .2s ease}.upload-drop:hover{border-color:var(--cyan);background:#2eebff0a}.upload-icon{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:18px;color:var(--paper-dim)}.upload-text{font-size:14px;font-weight:600;color:var(--paper);margin-bottom:4px}.upload-sub{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--paper-dim)}.upload-note{font-size:12px;color:var(--paper-dim);line-height:1.6;margin-top:14px}.upload-preview{margin-top:14px;display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--ink)}.upload-preview img{width:48px;height:48px;border-radius:8px;object-fit:cover}.upload-preview .fname{font-size:13px;color:var(--paper);word-break:break-all}.font-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;max-height:380px;overflow-y:auto;padding-right:4px}.font-grid::-webkit-scrollbar{width:6px}.font-grid::-webkit-scrollbar-thumb{background:var(--line);border-radius:10px}.font-option{border:1px solid var(--line);border-radius:12px;padding:14px 10px;cursor:pointer;text-align:center;color:var(--paper-dim);font-size:18px;background:var(--ink);transition:all .18s ease}.font-option span.name{display:block;font-family:JetBrains Mono,monospace;font-size:10.5px;letter-spacing:.04em;margin-top:8px;color:var(--paper-dim)}.font-option:hover{border-color:var(--paper-dim)}.font-option.active{border-color:var(--active-color);background:#ffffff08;color:var(--paper)}.font-option.active span.name{color:var(--paper)}.color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.color-option{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.color-swatch{width:42px;height:42px;border-radius:50%;border:2px solid transparent;position:relative;transition:transform .15s ease}.color-option:hover .color-swatch{transform:scale(1.08)}.color-option.active .color-swatch{border-color:var(--paper)}.color-swatch-rgb{background:conic-gradient(#ff2e9a,#ff5c2e,#ffe135,#39ff6a,#2eebff,#8b5cf6,#ff2e9a);box-shadow:0 0 16px #ff2e9a8c,0 0 22px #2eebff59}.color-option.active .color-swatch:after{content:"\2713";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--void);font-size:15px;font-weight:700}.color-option .name{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--paper-dim);text-align:center;line-height:1.3}.color-option.active .name{color:var(--paper)}.backboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.backboard-option{cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.bb-swatch{width:100%;aspect-ratio:4/3;border-radius:10px;border:1px solid var(--line);background:var(--ink);transition:border-color .18s ease,box-shadow .18s ease}.backboard-option.active .bb-swatch{border-color:var(--active-color);box-shadow:0 0 0 1px var(--active-color)}.backboard-option:hover .bb-swatch{border-color:var(--paper-dim)}.bb-none{background:repeating-conic-gradient(var(--ink-2) 0% 25%,var(--ink) 0% 50%) 50% / 10px 10px}.backboard-option .name{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--paper-dim);line-height:1.3}.backboard-option.active .name{color:var(--paper)}.size-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.size-option{border:1px solid var(--line);border-radius:12px;padding:16px 10px;text-align:center;cursor:pointer;background:var(--ink);transition:all .18s ease}.size-option .dim{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:15px;margin-bottom:4px}.size-option .w{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--paper-dim)}.size-option:hover{border-color:var(--paper-dim)}.size-option.active{border-color:var(--active-color);background:#ffffff08}.cta-row{display:flex;gap:12px;margin-top:8px}.btn-primary{flex:1;padding:16px 24px;border-radius:100px;background:linear-gradient(135deg,var(--pink),var(--violet));color:var(--paper);font-weight:600;font-size:15px;text-align:center;border:none;cursor:pointer;box-shadow:0 0 30px #ff2e9a33;transition:transform .2s ease,box-shadow .2s ease;font-family:Inter,sans-serif}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 40px #ff2e9a59}@media(max-width:900px){.studio{grid-template-columns:1fr}.preview-col{position:static}.backboard-grid{grid-template-columns:repeat(3,1fr)}.color-grid{grid-template-columns:repeat(4,1fr)}#sizeGrid{grid-template-columns:repeat(3,1fr)!important}.font-grid{grid-template-columns:1fr 1fr}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/na-design-simulator.css.map */