*{box-sizing:border-box}html,body{margin:0;background:#06090e;color:#edf3fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}.login-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 20%,rgba(7,136,255,.16),transparent 32%),radial-gradient(circle at 85% 80%,rgba(213,166,46,.1),transparent 30%),#05070b}.login-box{width:min(460px,100%);padding:30px;border:1px solid rgba(255,255,255,.11);border-radius:28px;background:linear-gradient(145deg,#0d141f,#080c12);box-shadow:0 35px 90px #000,0 0 55px rgba(7,136,255,.08)}.login-box img{width:250px;height:120px;object-fit:contain;margin:0 auto 12px}.kicker{display:block;text-align:center;color:#d5a62e;font-size:10px;font-weight:900;letter-spacing:.15em}.login-box h1{text-align:center;margin:9px 0;font-size:30px}.login-box p{text-align:center;color:#94a0b2;font-size:13px}.login-box label{display:block;font-size:12px;color:#cdd5e0;margin:17px 0}.login-box input{width:100%;margin-top:7px;padding:14px;border-radius:12px;border:1px solid rgba(255,255,255,.11);background:#080c12;color:white;outline:none}.login-box input:focus{border-color:#0788ff;box-shadow:0 0 0 3px rgba(7,136,255,.1)}.login-box button{width:100%;min-height:48px;border:0;border-radius:13px;background:linear-gradient(135deg,#d5a62e,#f1ca62);font-weight:1000;color:#080808;cursor:pointer}.back{display:block;text-align:center;color:#92a0b3;font-size:12px;margin-top:18px}.error{padding:11px 13px;background:#33131a;border:1px solid #7e2537;border-radius:10px;color:#ffb7c3;font-size:12px;margin:14px 0}
.editor-body{height:100vh;overflow:hidden;background:#06090e}.editor-top{height:64px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.08);background:#080c12;position:relative;z-index:20}.editor-brand{display:flex;align-items:center;gap:9px;min-width:190px}.editor-brand img{width:38px;height:38px;border-radius:10px;object-fit:cover}.editor-brand div{display:flex;flex-direction:column}.editor-brand b{font-size:14px}.editor-brand span{font-size:9px;color:#788599;text-transform:uppercase;letter-spacing:.08em}.top-actions{display:flex;align-items:center;gap:8px;min-width:0}.top-actions button,.top-actions a,.preview-tools button{border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#101722;color:#dbe5f3;min-height:36px;padding:0 11px;font-size:10px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.top-actions .save{border-color:rgba(7,136,255,.45);background:rgba(7,136,255,.12);color:#85c7ff}.top-actions .publish{border:0;background:linear-gradient(135deg,#d5a62e,#f0c45a);color:#080808;box-shadow:0 0 24px rgba(213,166,46,.18)}.top-actions .ghost{background:#0b1018}.top-actions #status{font-size:10px;color:#8b98aa;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-actions #status.dirty{color:#ffd56f}.top-actions #status.saved{color:#71dfa9}.editor-layout{height:calc(100vh - 64px);display:grid;grid-template-columns:165px minmax(330px,420px) minmax(480px,1fr)}.editor-nav{padding:14px 9px;background:#070b11;border-right:1px solid rgba(255,255,255,.07);overflow:auto}.editor-nav button{width:100%;border:0;background:transparent;color:#8e9aac;border-radius:10px;text-align:left;padding:11px 10px;font-size:11px;font-weight:700;cursor:pointer;margin-bottom:3px}.editor-nav button.active{color:white;background:linear-gradient(90deg,rgba(7,136,255,.18),rgba(7,136,255,.05));box-shadow:inset 2px 0 #0788ff}.form-pane{overflow:auto;background:#0a0f17;border-right:1px solid rgba(255,255,255,.07);padding-bottom:50px}.form-head{position:sticky;top:0;z-index:5;padding:18px 18px 14px;background:rgba(10,15,23,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.07)}.form-head h1{font-size:20px;margin:0 0 6px}.form-head p{font-size:11px;line-height:1.5;color:#8e9bac;margin:0}.form-head b{color:#dce8f8}.form-pane #formContent{padding:16px}.field{margin-bottom:14px}.field label{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;color:#b7c1d0;margin-bottom:7px;text-transform:uppercase;letter-spacing:.04em}.field input,.field textarea,.field select{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:#070b11;color:#edf4ff;outline:none;padding:11px 12px;font-size:12px}.field textarea{min-height:88px;resize:vertical;line-height:1.5}.field input:focus,.field textarea:focus,.field select:focus{border-color:#0788ff;box-shadow:0 0 0 3px rgba(7,136,255,.08)}.field input[type=color]{height:44px;padding:4px}.field input[type=range]{padding:0;border:0;background:transparent}.field small{display:block;color:#6f7a8b;font-size:9px;margin-top:5px}.range-value{color:#7fc8ff;font-size:10px}.upload-row{display:grid;grid-template-columns:1fr auto;gap:7px}.upload-btn,.add-btn,.small-btn,.preset-btn{border:1px solid rgba(255,255,255,.11);background:#121a26;color:#e3edf9;border-radius:9px;min-height:38px;padding:0 11px;font-size:10px;font-weight:900;cursor:pointer}.upload-btn{border-color:rgba(7,136,255,.4);color:#80c4ff}.add-btn{width:100%;border-style:dashed;margin:8px 0 20px}.small-btn{min-height:30px;padding:0 8px;font-size:9px}.small-btn.danger{border-color:rgba(255,85,112,.3);color:#ff879b;background:#221017}.small-btn.move{color:#c6d2e2}.section-sep{border:0;border-top:1px solid rgba(255,255,255,.07);margin:19px 0}.notice{padding:11px 12px;border:1px solid rgba(7,136,255,.18);border-radius:11px;background:rgba(7,136,255,.06);color:#9bcfff;font-size:10px;line-height:1.5;margin-bottom:14px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#0d131c;margin-bottom:8px}.toggle-row span{font-size:11px}.toggle-row input{width:19px;height:19px;accent-color:#0788ff}.group{padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:linear-gradient(145deg,#0d141d,#090d13);margin-bottom:12px}.group.dragging{opacity:.45;border-color:#0788ff}.group h3{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;margin:0 0 13px;color:#dce7f6}.group-actions{display:flex;gap:5px;flex-wrap:wrap}.drag-handle{cursor:grab;color:#657386;font-size:15px;margin-right:5px}.presets{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:8px 0 17px}.preset-btn{min-height:54px;display:flex;flex-direction:column;gap:4px;align-items:flex-start;justify-content:center}.preset-btn i{display:flex;gap:3px}.preset-btn i span{width:12px;height:12px;border-radius:50%}.preview-pane{min-width:0;overflow:hidden;background:#04070b;display:flex;flex-direction:column}.preview-tools{height:48px;display:flex;align-items:center;gap:7px;padding:0 11px;border-bottom:1px solid rgba(255,255,255,.07);background:#080c12}.preview-tools>span{font-size:10px;color:#7d899b;margin-right:auto}.preview-tools button.active{border-color:#0788ff;color:#82c9ff}.preview-tools .ghost{width:38px;padding:0}.preview-pane #previewWrap{flex:1;overflow:auto;padding:14px;display:flex;justify-content:center;align-items:flex-start;background:radial-gradient(circle at top,rgba(7,136,255,.06),transparent 42%),#05080d}.preview-pane iframe{width:100%;height:calc(100vh - 142px);min-height:620px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:#05070b;box-shadow:0 28px 70px #000;transition:width .2s}.mobile-mode{display:none}.order-list{display:grid;gap:8px}.order-item{display:flex;align-items:center;gap:9px;padding:10px;border-radius:11px;border:1px solid rgba(255,255,255,.08);background:#0d131c}.order-item b{font-size:11px;flex:1}.order-item .drag-handle{font-size:17px}.order-item[draggable=true]{cursor:grab}.order-item.dragging{opacity:.4;border-color:#0788ff}.selected-field{animation:flash 1.2s ease}@keyframes flash{0%,100%{box-shadow:none}35%{box-shadow:0 0 0 3px rgba(7,136,255,.2)}}
@media(max-width:1180px){.editor-layout{grid-template-columns:145px 360px 1fr}.top-actions #status,.top-actions .ghost{display:none}}
@media(max-width:850px){.editor-body{height:auto;min-height:100vh;overflow:auto;padding-bottom:55px}.editor-top{height:auto;min-height:62px;padding:9px 10px;position:sticky;top:0}.editor-brand{min-width:135px}.editor-brand img{width:34px;height:34px}.editor-brand b{font-size:12px}.editor-brand span{font-size:8px}.top-actions{gap:5px}.top-actions a,.top-actions .ghost,.top-actions #status{display:none}.top-actions button{min-height:36px;padding:0 8px;font-size:9px}.editor-layout{height:auto;display:block}.editor-nav{position:sticky;top:62px;z-index:12;display:flex;overflow-x:auto;overflow-y:hidden;gap:5px;padding:7px;background:#070b11;border-bottom:1px solid rgba(255,255,255,.08);border-right:0}.editor-nav button{width:auto;white-space:nowrap;margin:0;padding:9px 11px}.form-pane{border-right:0;min-height:calc(100vh - 150px)}.form-head{top:102px}.preview-pane{display:none;min-height:calc(100vh - 150px)}.preview-pane #previewWrap{height:calc(100vh - 170px);padding:7px}.preview-pane iframe{height:calc(100vh - 190px);min-height:550px}.mobile-mode{position:fixed;z-index:50;bottom:0;left:0;right:0;height:54px;display:grid;grid-template-columns:1fr 1fr;background:#090e15;border-top:1px solid rgba(255,255,255,.1);padding:6px 8px;gap:7px}.mobile-mode button{border:1px solid rgba(255,255,255,.1);background:#111824;color:#9eabba;border-radius:10px;font-size:11px;font-weight:900}.mobile-mode button.active{background:rgba(7,136,255,.15);border-color:#0788ff;color:#9dd3ff}.editor-body.show-preview .form-pane{display:none}.editor-body.show-preview .preview-pane{display:flex}.editor-body.show-preview .editor-nav{display:none}.presets{grid-template-columns:1fr}.upload-row{grid-template-columns:1fr}.upload-btn{width:100%}}