.sfg *,.sfg *:before,.sfg *:after{box-sizing:border-box;margin:0;padding:0}.sfg{font-family:Inter,system-ui,sans-serif;display:flex;flex-direction:column;align-items:center;padding:0 14px 40px}.sfg .app-title{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#080b1161;margin-bottom:12px;display:flex;align-items:center;gap:8px}.sfg .app-title:before,.sfg .app-title:after{content:"";display:block;width:24px;height:1px;background:#080b1126}.sfg .widget{display:flex;flex-direction:row;align-items:stretch;gap:10px;width:100%;max-width:1200px;padding:10px;background:#dde0e6;border-radius:22px;box-shadow:0 6px 32px #00000017,0 1px 4px #0000000d}.sfg .input-panel{flex:0 0 285px;width:285px;display:flex;flex-direction:column;gap:14px;background:#080b11;border-radius:14px;padding:18px 16px 16px}.sfg .section-label{font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#ffffff52}.sfg .ig{display:flex;flex-direction:column;gap:6px}.sfg .ig label{font-weight:700;font-size:10px;color:#fff9;text-transform:uppercase;letter-spacing:.14em}.sfg #ni{width:100%;padding:9px 13px;font-size:26px;font-family:Chewy,cursive;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff12;color:#f0f4ff;box-shadow:inset 0 2px 5px #00000040;line-height:1.4;transition:border .2s,box-shadow .2s}.sfg #ni:focus{outline:none;border-color:#dfff0080;box-shadow:inset 0 2px 5px #00000040,0 0 0 3px #dfff001f}.sfg #ni::placeholder{opacity:.35}.sfg #fontSel{display:none}.sfg .dd{position:relative}.sfg .dd-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 13px;font-size:22px;line-height:1.4;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff12;color:#f0f4ff;box-shadow:inset 0 2px 5px #00000040;cursor:pointer;text-align:left;transition:border .2s,box-shadow .2s;font-family:Inter,system-ui,sans-serif}.sfg .dd-btn:hover{border-color:#dfff0040}.sfg .dd-btn:focus-visible,.sfg .dd.open .dd-btn{outline:none;border-color:#dfff0080;box-shadow:inset 0 2px 5px #00000040,0 0 0 3px #dfff001f}.sfg .dd-chev{width:14px;height:14px;flex-shrink:0;color:#fff6;transition:transform .15s,color .15s}.sfg .dd.open .dd-chev{transform:rotate(180deg);color:#dfff00}.sfg .dd-list{display:none;position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;list-style:none;padding:5px;background:#0d1117;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 14px 34px #0000008c}.sfg .dd-list.open{display:flex;flex-direction:column;gap:4px}.sfg .dd-list li{padding:6px 11px;font-size:21px;line-height:1.35;color:#ffffff9e;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .14s;-webkit-user-select:none;user-select:none}.sfg .dd-list li:hover:not(.on),.sfg .dd-list li.act:not(.on){background:#ffffff17;border-color:#dfff0040;color:#ffffffd9}.sfg .dd-list li.on{background:#dfff001f;border-color:#dfff0073;color:#dfff00}.sfg .slider-wrap{display:flex;flex-direction:column;gap:5px}.sfg .slider{width:100%;-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:#ffffff26;outline:none;cursor:pointer}.sfg .slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#dfff00;cursor:pointer;box-shadow:0 0 0 3px #dfff0026}.sfg .slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#dfff00;cursor:pointer;border:none}.sfg .slider-hints{display:flex;justify-content:space-between;font-size:9px;font-weight:600;color:#ffffff38;padding:0 2px}.sfg .stepper{display:flex;align-items:center;gap:5px}.sfg .step-btn{width:28px;height:28px;flex-shrink:0;border:1px solid rgba(255,255,255,.14);border-radius:7px;background:#ffffff0f;color:#ffffff8c;font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:all .13s;-webkit-user-select:none;user-select:none;font-family:Inter,system-ui,sans-serif}.sfg .step-btn:hover{background:#dfff001a;border-color:#dfff0061;color:#dfff00}.sfg .step-val{flex:1;text-align:center;font-size:12px;font-weight:700;color:#ffffffd9;background:#ffffff0f;border:1px solid rgba(255,255,255,.09);border-radius:7px;padding:5px 4px;white-space:nowrap}.sfg .export-row{display:flex;gap:6px;align-items:stretch}.sfg .num-input{flex:0 0 110px;width:110px;min-width:0;padding:9px 11px;font-size:16px;font-weight:700;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff12;color:#f0f4ff;box-shadow:inset 0 2px 5px #00000040;font-family:Inter,system-ui,sans-serif}.sfg .num-input:focus{outline:none;border-color:#dfff0080;box-shadow:inset 0 2px 5px #00000040,0 0 0 3px #dfff001f}.sfg .num-input::-webkit-outer-spin-button,.sfg .num-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sfg .num-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.sfg .export-row .seg{flex:0 0 86px}.sfg .export-row .seg .sb{flex:1 1 0;min-width:0}.sfg .dim-hint{font-size:10px;color:#ffffff45;font-weight:500;line-height:1.4}.sfg .seg{display:flex;gap:4px}.sfg .sb{flex:1;background:#ffffff0d;color:#fff6;font-weight:600;font-size:12px;padding:7px 4px;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;text-align:center;font-family:Inter,system-ui,sans-serif;transition:all .14s;-webkit-user-select:none;user-select:none}.sfg .sb.on{background:#dfff001f;border-color:#dfff0073;color:#dfff00}.sfg .sb:hover:not(.on){background:#ffffff17;border-color:#dfff0040;color:#ffffffbf}.sfg .divider{height:1px;background:#ffffff0f}.sfg .layer-legend{display:flex;flex-direction:column;gap:5px}.sfg .layer-row{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:#fff9;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:7px 10px}.sfg .layer-swatch{width:12px;height:12px;border-radius:3px;flex-shrink:0}.sfg .action-row{display:flex;gap:7px}.sfg .action-stack{display:flex;flex-direction:column;gap:7px;margin-top:auto}.sfg .dl-btn{flex:1;background:#dfff00;color:#080b11;font-weight:800;font-size:13px;padding:12px 10px;border:none;border-radius:10px;cursor:pointer;letter-spacing:.04em;font-family:Inter,system-ui,sans-serif;transition:all .13s}.sfg .dl-btn:hover:not(:disabled){background:#eaff33;box-shadow:0 4px 16px #dfff0040;transform:translateY(-1px)}.sfg .dl-btn:disabled{background:#ffffff0f;color:#ffffff26;cursor:not-allowed;transform:none}.sfg .reset-btn{flex:1 1 0;background:#ffffff0f;color:#ffffff80;font-weight:700;font-size:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.12);border-radius:10px;cursor:pointer;font-family:Inter,system-ui,sans-serif;transition:all .13s;display:flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap}.sfg .reset-btn:hover{background:#ff50501f;border-color:#ff50504d;color:#ff9696e6}.sfg .guide-btn{background:#dfff001a;border-color:#dfff003d;color:#dfff00e0;font-weight:800}.sfg .guide-btn:hover{background:#dfff0029;border-color:#dfff006b;color:#f6ff9c;box-shadow:0 4px 12px #dfff001f}.sfg .board-frame{flex:1 1 200px;display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden}.sfg .board-inner{flex:1;display:flex;align-items:center;justify-content:center;padding:16px;position:relative;min-height:380px;min-width:0}.sfg #boardSvg{display:block;width:100%;height:auto;aspect-ratio:760/720;max-height:calc(100vh - 90px);border-radius:6px}.sfg .proc-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:#ffffffe0;border-radius:14px;font-size:12px;font-weight:700;color:#080b116b;letter-spacing:.06em;text-transform:uppercase}.sfg .proc-overlay.show{display:flex}.sfg .proc-spinner{width:22px;height:22px;border:2.5px solid rgba(8,11,17,.12);border-top-color:#080b1166;border-radius:50%;animation:sfg-spin .7s linear infinite}@keyframes sfg-spin{to{transform:rotate(360deg)}}@media(max-width:820px){.sfg .widget{flex-direction:column}.sfg .input-panel{width:100%;flex:none}.sfg .board-frame{flex:none}}.generator-crumbbar{max-width:1200px;margin:20px auto 18px;padding:12px 18px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;background:#fff;border:1px solid #dfe5eb;border-left:4px solid #14324b;border-radius:16px;box-shadow:0 8px 24px #0f1f2e14}.generator-crumb-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#14324b;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;border-radius:999px;background:#f4f7fa;transition:background .18s ease,color .18s ease,transform .18s ease}.generator-crumb-link:hover{background:#14324b;color:#fff;transform:translateY(-1px)}.generator-crumb-link:focus-visible{outline:2px solid #d4f20f;outline-offset:2px}.generator-crumb-arrow{font-size:15px;line-height:1}.generator-crumb-divider{color:#8b98a7;font-size:15px;font-weight:600}.generator-title{margin:0;font-size:20px;line-height:1.1;color:#0f1720;letter-spacing:-.02em}@media(max-width:768px){.generator-crumbbar{margin:0 auto 14px;padding:10px 14px;gap:8px;border-radius:14px}.generator-crumb-link{font-size:12px;padding:5px 9px}}.sfg input::selection{background:#dfff0066!important;color:#fff!important}.sfg input::-moz-selection{background:#dfff0066!important;color:#fff!important}
/*# sourceMappingURL=/cdn/shop/t/6/assets/snowflake.css.map */