*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;background:#1c2533}#root{display:flex;flex-direction:column;height:100vh}.toolbar{height:48px;background:#1c2533;display:flex;align-items:center;gap:4px;padding:0 14px;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.08)}.toolbar-logo{color:#fff;font-size:13px;font-weight:800;margin-right:10px;letter-spacing:.5px}.toolbar-logo span{color:#c00}.toolbar-sep{width:1px;height:26px;background:#ffffff26;margin:0 6px;flex-shrink:0}.btn-t{background:#ffffff1a;border:none;color:#e5e7eb;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:12px;white-space:nowrap;display:flex;align-items:center;gap:5px;transition:background .15s}.btn-t:hover{background:#fff3}.btn-t.red{background:#c00;color:#fff}.btn-t.red:hover{background:#a80000}.btn-t.blue{background:#1d4ed8;color:#fff}.btn-t.blue:hover{background:#1e40af}.scale-row{display:flex;align-items:center;gap:6px;color:#9ca3af;font-size:11px;margin-left:4px}.scale-row input{width:80px;accent-color:#cc0000}.toolbar-right{margin-left:auto;display:flex;align-items:center;gap:4px}.admin-body{flex:1;display:flex;overflow:hidden}.canvas-area{flex:1;overflow:auto;background:#374151;display:flex;align-items:flex-start;justify-content:center;padding:32px}.sidebar{width:288px;background:#fff;border-left:1px solid #e5e7eb;overflow-y:auto;flex-shrink:0;display:flex;flex-direction:column}.sidebar-empty{padding:48px 20px;color:#9ca3af;font-size:13px;text-align:center;line-height:1.8}.sidebar-section{padding:12px 14px;border-bottom:1px solid #f0f0f0}.sidebar-section h3{font-size:10px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px}.sidebar-label{display:block;font-size:10px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.f-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;gap:8px;font-size:12px}.f-row label{color:#374151;flex-shrink:0;min-width:70px}.f-row input[type=number],.f-row select{width:88px;padding:3px 6px;border:1px solid #d1d5db;border-radius:3px;font-size:12px}.f-row input[type=text]{flex:1;padding:3px 6px;border:1px solid #d1d5db;border-radius:3px;font-size:12px}.f-row input[type=color]{width:36px;height:26px;border:1px solid #d1d5db;border-radius:3px;cursor:pointer;padding:1px}.f-row input[type=checkbox]{width:16px;height:16px;accent-color:#cc0000;cursor:pointer}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:8px}.grid4 .g-cell{display:flex;flex-direction:column;align-items:center;gap:2px}.grid4 .g-cell span{font-size:9px;color:#9ca3af}.grid4 input{width:100%;padding:3px 2px;border:1px solid #d1d5db;border-radius:3px;font-size:11px;text-align:center}.sidebar textarea{width:100%;padding:6px;border:1px solid #d1d5db;border-radius:3px;font-size:12px;resize:vertical}.btn-sb{width:100%;padding:7px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:12px}.btn-sb:hover{background:#e5e7eb}.btn-del{width:100%;padding:7px;background:#fee2e2;border:1px solid #fca5a5;color:#dc2626;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600}.btn-del:hover{background:#fca5a5}.tag-editable{position:absolute;top:3px;right:3px;background:#2563eb;color:#fff;font-size:7px;font-weight:700;padding:1px 5px;border-radius:2px;pointer-events:none;letter-spacing:.5px;z-index:99}.user-toolbar{height:48px;background:#1e3a5f;display:flex;align-items:center;gap:8px;padding:0 16px;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.1)}.user-toolbar-logo{color:#fff;font-size:13px;font-weight:800}.user-toolbar-logo span{color:#c00}.user-body{flex:1;display:flex;overflow:hidden}.user-form{width:320px;background:#f9fafb;border-right:1px solid #e5e7eb;overflow-y:auto;padding:20px;flex-shrink:0}.user-form h2{font-size:14px;font-weight:700;color:#111;margin-bottom:4px}.user-form .desc{font-size:11px;color:#9ca3af;margin-bottom:20px;line-height:1.5}.fg{margin-bottom:14px}.fg label{display:block;font-size:10px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.fg input,.fg textarea{width:100%;padding:8px;border:1px solid #d1d5db;border-radius:4px;font-size:13px}.fg textarea{resize:vertical}.fg input:focus,.fg textarea:focus{outline:2px solid #cc0000;border-color:#c00}.user-preview{flex:1;background:#374151;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:32px}.export-btns{display:flex;gap:8px;margin-top:20px}.btn-exp{flex:1;padding:10px;border:none;border-radius:5px;cursor:pointer;font-size:13px;font-weight:600}.btn-exp.pdf{background:#c00;color:#fff}.btn-exp.pdf:hover{background:#a80000}.btn-exp.png{background:#374151;color:#fff}.btn-exp.png:hover{background:#1f2937}.f-row input[type=range]{flex:1;accent-color:#cc0000}.btn-t.active{background:#cc000040!important}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.page-bar{height:52px;background:#111827;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:6px;padding:0 12px;flex-shrink:0;overflow-x:auto}.page-bar-pages{display:flex;gap:4px;flex:1;overflow-x:auto;align-items:center}.page-item{display:flex;align-items:center;gap:6px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:5px;padding:4px 10px;cursor:pointer;white-space:nowrap;transition:all .15s;min-width:80px}.page-item:hover{background:#ffffff24}.page-item.active{background:#c00;border-color:#c00}.page-num{font-size:10px;color:#ffffff8c;font-weight:700;flex-shrink:0}.page-item.active .page-num{color:#fffc}.page-name{font-size:11px;color:#e5e7eb;outline:none;min-width:40px;border-bottom:1px solid transparent}.page-name:focus{border-bottom-color:#fff6}.page-del{background:none;border:none;color:#ffffff73;cursor:pointer;font-size:11px;padding:0 2px;line-height:1;flex-shrink:0}.page-del:hover{color:#ff6b6b}.page-bar-actions{display:flex;gap:4px;flex-shrink:0;margin-left:4px}.btn-page{background:#ffffff1a;border:none;color:#d1d5db;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:12px;white-space:nowrap}.btn-page:hover{background:#fff3}