:root{--navy:#0922d4;--navy-deep:#000b91;--lime:#2cfd00;--lime-soft:#8bff5c;--yellow:#edff00;--orange:#ff7f00;--ink:#1f2740;--muted:#5c6577;--line:#d5ddf0;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{height:100%}body{-webkit-font-smoothing:antialiased;background:var(--navy-deep);color:#fff;margin:0;font-family:Poppins,system-ui,sans-serif;overflow:hidden}img{display:block}a{color:var(--lime-soft)}a:hover{color:var(--lime)}.screen{flex-direction:column;display:none;position:fixed;inset:0;overflow:hidden}.screen.is-active{display:flex}.screen--light{background:linear-gradient(165deg,#0a2ae0 0%,var(--navy) 45%,var(--navy-deep) 100%);color:#fff}.screen--dark{background:linear-gradient(165deg,var(--navy) 0%,var(--navy-deep) 100%)}.btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:20px;justify-content:center;align-items:center;gap:10px;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s;display:flex}.btn:active{transform:translateY(0)}.btn--primary{background:var(--lime);color:#0922d4;width:100%;padding:18px;box-shadow:0 14px 30px #2cfd004d}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 18px 36px #2cfd006b}.btn--ghost{width:100%;color:var(--navy);border:1.5px solid var(--line);background:#fff;padding:16px;font-size:15px;font-weight:600}.btn--ghost:hover{background:#f4f7fd}.btn--cyan{background:linear-gradient(135deg,var(--lime),var(--lime-soft));color:var(--navy-deep);flex:1;padding:12px 15px;font-size:14px;box-shadow:0 10px 26px #2cfd0066}.btn--cyan:hover{transform:translateY(-2px);box-shadow:0 14px 30px #2cfd0080}.btn--outline{color:#fff;background:#ffffff0f;border:1px solid #fff3;flex:none;padding:12px 15px;font-size:14px;font-weight:600}.btn--outline:hover{background:#ffffff24}.ob{padding-top:var(--safe-top);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.ob__top{text-align:center;flex-direction:column;align-items:center;padding:48px 26px 0;display:flex}.badge{letter-spacing:.16em;color:#fff;text-transform:uppercase;background:#ffffff1a;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:8px;padding:7px 15px;font-size:11px;font-weight:600;display:inline-flex}.badge__dot{background:var(--lime);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #2cfd0038}.ob__title{color:#fff;letter-spacing:.005em;text-transform:uppercase;margin:22px 0 0;font-family:Anton,Impact,sans-serif;font-size:52px;font-weight:400;line-height:1.06}.ob__title .accent{background:var(--lime);color:#0922d4;margin-top:6px;padding:2px 14px 6px;display:inline-block;transform:skew(-4deg);box-shadow:0 8px 22px #2cfd0047}.ob__sub{color:#ffffffd1;max-width:300px;margin:15px 6px 0;font-size:15px;line-height:1.55}.ob__preview{flex:1 0 auto;justify-content:center;align-items:center;padding:16px 26px;display:flex}.ba{align-items:center;gap:12px;display:flex}.ba__slot{aspect-ratio:9/16;background:repeating-linear-gradient(135deg,#ffffff12,#ffffff12 9px,#ffffff05 9px 18px);border:1.5px dashed #ffffff61;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:104px;display:flex}.ba__slot span{color:#ffffffb3;letter-spacing:.08em;font-size:10px;font-weight:600}.ba__result{aspect-ratio:9/16;background:#ffffff1a;border-radius:22px;width:152px;position:relative;overflow:hidden;box-shadow:0 22px 45px #001a864d}.ba__result img{object-fit:cover;width:100%;height:100%}.ba__tag{letter-spacing:.08em;color:var(--navy-deep);background:var(--lime);text-transform:uppercase;border-radius:999px;padding:3px 8px;font-size:9px;font-weight:600;position:absolute;bottom:9px;right:9px}.ob__actions{padding:18px 22px calc(30px + var(--safe-bottom));flex-direction:column;gap:11px;display:flex}.ob__note{color:#fff9;text-align:center;margin:4px 0 0;font-size:11px}.ob__note--warn{color:var(--yellow);font-weight:600}.fields{flex-direction:column;gap:9px;margin-bottom:2px;display:flex}.field__input{color:#fff;background:#ffffff14;border:1.5px solid #ffffff38;border-radius:14px;outline:none;width:100%;padding:14px 16px;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;transition:border-color .16s,background .16s}.field__input::placeholder{color:#ffffff73;font-weight:500}.field__input:focus{border-color:var(--lime);background:#ffffff21}.field__input--missing{border-color:var(--yellow);background:#edff001a}.ob__required{color:#ffffff9e;text-align:center;margin:2px 0 0;font-size:11px}.alert{border:1.5px solid var(--yellow);color:#fff;background:#edff001f;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;font-size:13px;font-weight:500;line-height:1.4;animation:.22s ease-out alert-in;display:flex}.alert svg{flex:none}.alert strong{font-weight:700}@keyframes alert-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}#screen-loading{justify-content:center;align-items:center;padding:40px;position:fixed}.ld__glow{background:radial-gradient(circle,#2cfd0038,#0000 70%);border-radius:50%;width:220px;height:220px;position:absolute;top:-60px;left:-40px}.ld__card{aspect-ratio:9/16;border:1px solid #ffffff24;border-radius:24px;width:186px;position:relative;overflow:hidden;box-shadow:0 26px 60px #00000073}.ld__card img{object-fit:cover;filter:saturate(.75)brightness(.9);width:100%;height:100%}.ld__veil{background:#00125066;position:absolute;inset:0}.ld__scan{background:linear-gradient(#0000,#2cfd0099 55%,#2cfd000d);height:64px;animation:2s ease-in-out infinite alternate scan;position:absolute;top:0;left:0;right:0;box-shadow:0 0 22px #2cfd008c}.ld__c{width:22px;height:22px;position:absolute}.ld__c--tl{border-left:3px solid var(--lime);border-top:3px solid var(--lime);border-radius:5px 0 0;top:10px;left:10px}.ld__c--tr{border-right:3px solid var(--lime);border-top:3px solid var(--lime);border-radius:0 5px 0 0;top:10px;right:10px}.ld__c--bl{border-left:3px solid var(--lime);border-bottom:3px solid var(--lime);border-radius:0 0 0 5px;bottom:10px;left:10px}.ld__c--br{border-right:3px solid var(--lime);border-bottom:3px solid var(--lime);border-radius:0 0 5px;bottom:10px;right:10px}.ld__spinner{border:4px solid #ffffff26;border-top-color:var(--lime);border-radius:50%;width:48px;height:48px;margin-top:36px;animation:.85s linear infinite spin}.ld__title{color:#fff;text-align:center;letter-spacing:.01em;margin:24px 0 0;font-family:Anton,Impact,sans-serif;font-size:28px;font-weight:400}.ld__sub{color:#ffffffb8;text-align:center;max-width:288px;margin:11px 24px 0;font-size:14px;line-height:1.55}.dot{animation:1.4s infinite dots}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}#screen-editor{padding-top:var(--safe-top)}.ed__head{justify-content:space-between;align-items:center;padding:16px 20px 4px;display:flex}.ed__brand{color:#fff;letter-spacing:.01em;font-family:Anton,Impact,sans-serif;font-size:23px;font-weight:400;line-height:1}.ed__kicker{color:var(--lime);letter-spacing:.16em;text-transform:uppercase;margin-top:3px;font-size:10px;font-weight:600}.iconbtn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff14;border:1px solid #ffffff2e;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;transition:background .16s;display:flex}.iconbtn:hover{background:#ffffff29}.ed__stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:8px 20px;display:flex}.ed__frame{aspect-ratio:9/16;background:var(--navy);border:1px solid #ffffff29;border-radius:22px;height:100%;position:relative;overflow:hidden;box-shadow:0 22px 55px #00000080}#canvas{width:100%;height:100%;display:block}.sheet{padding:12px 15px calc(15px + var(--safe-bottom));-webkit-backdrop-filter:blur(26px)saturate(160%);background:#ffffff17;border-top:1px solid #ffffff2e;border-radius:30px 30px 0 0;box-shadow:0 -10px 34px #00000052}.sheet__grab{background:#ffffff52;border-radius:99px;width:40px;height:5px;margin:0 auto 8px}.tabs{background:#0000003d;border-radius:15px;gap:6px;padding:4px;display:flex}.tab{cursor:pointer;color:#fff9;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:11px;flex:1;justify-content:center;align-items:center;gap:7px;padding:8px 0;font-family:Poppins;font-size:12px;font-weight:600;transition:all .18s;display:inline-flex}.tab.is-active{background:linear-gradient(135deg,var(--lime),var(--lime-soft));color:var(--navy-deep);box-shadow:0 5px 14px #2cfd0059}.controls{flex-direction:column;gap:8px;min-height:90px;padding:10px 2px 2px;display:flex}.controls.is-hidden{display:none}.ctrl{flex-direction:column;gap:4px;display:flex}.ctrl__row{align-items:center;gap:9px;display:flex}.ctrl__ico{background:#2cfd0024;border-radius:8px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.ctrl__name{color:#fff;font-size:13px;font-weight:600}.ctrl__val{color:var(--lime);text-align:center;background:#2cfd0024;border-radius:8px;min-width:48px;margin-left:auto;padding:3px 8px;font-size:11px;font-weight:600}.rng{appearance:none;cursor:pointer;background:#ffffff29;border-radius:999px;outline:none;width:100%;height:6px;margin:6px 0}.rng::-webkit-slider-thumb{appearance:none;border:6px solid var(--lime);cursor:pointer;background:#fff;border-radius:50%;width:22px;height:22px;margin-top:0;box-shadow:0 3px 10px #0006}.rng::-moz-range-thumb{border:6px solid var(--lime);cursor:pointer;background:#fff;border-radius:50%;width:22px;height:22px;box-shadow:0 3px 10px #0006}.footer{gap:11px;margin-top:4px;padding:0;display:flex}.toast{left:50%;bottom:calc(24px + var(--safe-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;z-index:999;background:#001a86eb;border:1px solid #2cfd0059;border-radius:16px;align-items:center;gap:10px;padding:14px 20px;font-size:14px;font-weight:600;animation:.3s ease-out toast-in,.3s ease-in 2.9s forwards toast-out;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 14px 34px #00093f80}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes toast-out{to{opacity:0;transform:translate(-50%,12px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan{0%{transform:translateY(-14px)}to{transform:translateY(322px)}}@keyframes dots{0%,20%{opacity:.2}50%{opacity:1}80%,to{opacity:.2}}@media (height<=700px){.ob__title{font-size:44px}.ld__card{width:150px}}