:root{color-scheme:dark;--accent:#caff20;--accent2:#e7ff60;--bg:#070a09;--panel:#111614;--line:#29312e;--muted:#8c9691;--phone-w:390px;--phone-h:844px;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 40% 0,#172016 0,#080b0a 38%,#050606 100%);color:#f5f7f6}button,input,select,textarea{font:inherit}button,select,input,textarea{color:inherit}.app-shell{min-height:100vh}.workspace{min-height:100vh;display:grid;place-items:center;padding:28px}.phone-frame{position:relative;width:var(--phone-w);height:var(--phone-h);border-radius:38px;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;background:#050806;box-shadow:0 30px 90px #000c,0 0 0 1px #ffffff20,0 0 0 8px #111;transform-origin:top center}.phone-frame::-webkit-scrollbar{display:none}.page-canvas{position:relative;width:390px;min-height:844px;overflow:hidden;background:#070b09}.page-canvas.tall{overflow:hidden}.page-background{position:absolute;inset:0;background:radial-gradient(circle at 70% 10%,#21320c 0,transparent 35%),linear-gradient(180deg,#07100c,#020403 60%,#0a0d0b)}
.layer{position:absolute;touch-action:none;user-select:none;transform-origin:center;min-width:8px;min-height:8px}.layer img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.layer.text-layer{white-space:pre-wrap;line-height:1.15;font-weight:600;overflow:hidden}.layer.rounded img{border-radius:12px}.layer.logo img{object-fit:contain}.layer.selected{outline:1.5px solid var(--accent);box-shadow:0 0 0 3px #caff2033}.resize-handle{display:none;position:absolute;width:12px;height:12px;background:var(--accent);border:2px solid #091000;border-radius:2px;z-index:50}.layer.selected .resize-handle{display:block}.resize-handle.nw{left:-7px;top:-7px;cursor:nwse-resize}.resize-handle.ne{right:-7px;top:-7px;cursor:nesw-resize}.resize-handle.sw{left:-7px;bottom:-7px;cursor:nesw-resize}.resize-handle.se{right:-7px;bottom:-7px;cursor:nwse-resize}.surface{position:absolute;border:1px solid #ffffff1c;background:linear-gradient(135deg,#17201aee,#090c0bbb);border-radius:18px}.pill{display:flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(90deg,var(--accent2),var(--accent));color:#071000;font-weight:900;box-shadow:0 10px 30px #aaff1a22}.dim{filter:brightness(.4)}
.flow-panel{position:absolute;z-index:2;border:1px solid #ffffff1f;background:linear-gradient(145deg,#1b221fcc,#080b0acc);box-shadow:0 20px 70px #0009;pointer-events:none}.register-panel{left:35px;top:105px;width:320px;height:510px;border-radius:28px}.bonus-panel{left:39px;top:205px;width:312px;height:485px;border-radius:30px;border-color:#caff20aa;background:linear-gradient(180deg,#26320fe8,#080b08f4)}.wallet-card{left:16px;top:110px;width:358px;height:225px;border-radius:24px;border-color:#b6e51c88;background:linear-gradient(135deg,#314214d9,#090d0bee)}.amount-card{left:18px;top:206px;width:354px;height:118px;border-radius:24px;border-color:#caff20aa}.amount-input{left:18px;top:410px;width:354px;height:88px;border-radius:28px;border-color:#caff20}.details-card{left:18px;top:188px;width:354px;height:98px;border-radius:22px;border-color:#caff2088}.review-panel{left:42px;top:140px;width:306px;height:545px;border-radius:28px;background:#f8f9f8;box-shadow:0 30px 90px #000c}.page-canvas[data-page="review"] .text-layer:not(.pill){color:#121412!important}.notification-card{left:10px;top:44px;width:370px;height:115px;border-radius:22px;background:#242624ee;backdrop-filter:blur(18px)}.field-like{border:1px solid #ffffff24;border-radius:14px;background:#121715dc}
.page-canvas[data-page="bonus"] .bonus-panel{animation:panelPop .6s cubic-bezier(.2,1.4,.4,1) both}.gift-pop{animation:giftPop .8s cubic-bezier(.18,1.45,.35,1) both}.coin-float{animation:coinFly 2.4s ease-in-out infinite}.sparkle{animation:sparkle 1.3s ease-in-out infinite}.delay{animation-delay:.35s}.delay2{animation-delay:.7s}.page-canvas[data-page="review"] .review-panel{animation:panelPop .5s cubic-bezier(.2,1.3,.4,1) both}.review-pop{animation:reviewPop .65s .2s cubic-bezier(.2,1.5,.4,1) both}.review-rise{animation:reviewRise .55s .35s ease both}.review-steps{clip-path:inset(0 0 100% 0);animation:revealSteps 3.2s .7s steps(4,end) forwards}.page-canvas[data-page="review"] .review-panel:after{content:"";position:absolute;left:102px;top:190px;width:4px;height:0;background:#53c63d;border-radius:4px;animation:progressLine 3.2s .7s ease forwards}@keyframes panelPop{from{opacity:0;transform:translateY(28px) scale(.9)}to{opacity:1;transform:none}}@keyframes giftPop{0%{opacity:0;transform:translateY(-80px) scale(.55) rotate(-7deg)}70%{transform:translateY(5px) scale(1.04) rotate(1deg)}100%{opacity:1;transform:none}}@keyframes coinFly{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-16px) rotate(8deg)}}@keyframes sparkle{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.12)}}@keyframes reviewPop{from{opacity:0;transform:scale(.4) rotate(-8deg)}to{opacity:1;transform:none}}@keyframes reviewRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes revealSteps{to{clip-path:inset(0)}}@keyframes progressLine{to{height:145px}}@media(prefers-reduced-motion:reduce){.gift-pop,.coin-float,.sparkle,.review-pop,.review-rise,.review-steps,.review-panel,.bonus-panel{animation:none!important}.page-canvas[data-page="review"] .review-panel:after{height:145px;animation:none}}
.real-input{width:100%;height:100%;border:0!important;background:transparent!important;color:#fff!important;outline:none!important;padding:0!important;margin:0!important;font:inherit!important}.real-input::placeholder{color:#aeb4b0}.send-code{flex:0 0 auto;border:0;background:transparent;color:var(--accent);font-weight:800;padding:8px;cursor:pointer}.send-code:disabled{color:#778174}.bank-clickable{cursor:pointer;border-radius:12px;transition:.2s}.bank-clickable:hover{transform:scale(1.06);box-shadow:0 0 0 2px #caff2066}.bank-selected{box-shadow:0 0 0 3px var(--accent),0 0 22px #caff2077;border-radius:12px}.page-canvas[data-page="review"] .review-panel:after{display:none!important}
.editor{display:none}.edit-mode .app-shell{display:grid;grid-template-columns:minmax(520px,1fr) 370px}.edit-mode .workspace{height:100vh;overflow:auto;align-items:start}.edit-mode .phone-frame{margin:12px auto}.edit-mode .editor{display:flex;position:fixed;right:0;top:0;bottom:0;width:370px;flex-direction:column;background:#101513f5;border-left:1px solid var(--line);backdrop-filter:blur(20px);z-index:100;overflow:auto}.editor-head{display:flex;align-items:center;justify-content:space-between;padding:22px;border-bottom:1px solid var(--line)}.editor h1{font-size:19px;margin:2px 0}.editor h2{font-size:15px;margin:3px 0 0}.eyebrow{font-size:10px;letter-spacing:.16em;color:var(--accent);font-weight:800}.preview-link{color:#dce5df;text-decoration:none;font-size:12px}.panel-section,.inspector,.empty-inspector{padding:18px 22px;border-bottom:1px solid var(--line)}label,.section-title{display:block;font-size:12px;color:#aeb7b2;font-weight:700}.editor select,.editor input,.editor textarea{width:100%;margin-top:7px;border:1px solid #303936;border-radius:9px;background:#0b0f0d;padding:10px 11px;outline:none}.editor input:focus,.editor select:focus,.editor textarea:focus{border-color:#7b9c22}.section-title{display:flex;justify-content:space-between;margin-bottom:9px}.muted{color:#6f7974}.layer-browser{padding-bottom:10px}.layer-list{max-height:220px;overflow:auto;margin:10px -5px 0}.layer-row{display:flex;align-items:center;gap:9px;width:100%;padding:8px;border:0;background:transparent;border-radius:8px;text-align:left;cursor:pointer}.layer-row:hover,.layer-row.active{background:#202822}.layer-thumb{width:28px;height:28px;border-radius:6px;background:#29312e;object-fit:cover;display:grid;place-items:center;font-size:11px}.layer-meta{min-width:0;flex:1}.layer-id{display:block;color:#eef3f0;font-size:12px;overflow:hidden;text-overflow:ellipsis}.layer-kind{display:block;color:#748079;font-size:10px}.empty-inspector{text-align:center;color:#77817c;padding:35px}.empty-icon{font-size:36px;color:var(--accent)}.selection-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.icon-btn{border:1px solid #354039;background:#181f1b;border-radius:9px;padding:8px 10px}.upload-button{display:block;text-align:center;padding:11px;border-radius:9px;background:var(--accent);color:#0b1207;cursor:pointer;margin-bottom:14px}.upload-button input{display:none}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.control-grid.two{margin-top:10px}.check-row{display:flex;gap:8px;align-items:center;margin:12px 0}.check-row input{width:auto;margin:0}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.editor button{border:1px solid #344039;background:#1b231f;border-radius:9px;padding:9px 10px;cursor:pointer}.editor button:hover{border-color:#759624}.danger-ghost{color:#ff8e8e!important;background:#2a1618!important;border-color:#512c30!important;width:100%;margin-top:9px}.editor-footer{margin-top:auto;padding:15px 22px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.editor-footer .danger-ghost{grid-column:1/-1;margin:0}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);padding:10px 15px;background:#d9ff43;color:#101500;border-radius:999px;font-weight:800;font-size:12px;z-index:999;box-shadow:0 8px 28px #0008}
@media(max-width:850px){.edit-mode .app-shell{display:block}.edit-mode .workspace{height:auto;padding:18px 10px 430px}.edit-mode .editor{top:auto;left:0;width:100%;height:400px;border-left:0;border-top:1px solid var(--line)}.editor-head{padding:12px 18px}.editor-head h1{font-size:15px}.panel-section{padding:10px 18px}.layer-browser{display:none}.inspector,.empty-inspector{padding:12px 18px}.editor-footer{padding:10px 18px}.edit-mode .phone-frame{transform:scale(.88);margin-bottom:-90px}}
@media(max-width:430px){.workspace{padding:0;place-items:start center}.phone-frame{border-radius:0;box-shadow:none;width:390px;transform:scale(calc(100vw / 390));transform-origin:top center}.edit-mode .phone-frame{transform:scale(.86)}}