.demo-login-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease-out}.demo-login-modal.is-visible{opacity:1;pointer-events:auto}.demo-login-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.demo-login-modal-content{position:relative;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.2);max-width:440px;width:90%;overflow:hidden;animation:.2s ease-out modalFadeIn}@keyframes modalFadeIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.demo-login-modal-header{background:#ff9f43;color:#fff;padding:1.5em 2em;display:flex;justify-content:space-between;align-items:center}.demo-login-modal-header h3{margin:0;font-size:1.3em;font-weight:600;letter-spacing:-.01em}.demo-login-modal-close{background:rgba(255,255,255,.2);border:none;color:#fff;font-size:1.1em;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.demo-login-modal-close:hover{background:rgba(255,255,255,.3)}.demo-login-modal-body{padding:2.5em 2em;text-align:center;display:flex;flex-direction:column;align-items:center}.demo-login-modal-icon{font-size:3.5em;color:#ff9f43;margin-bottom:.5em;display:inline-block}.demo-login-modal-title{font-size:1.3em;font-weight:600;margin-bottom:.5em;color:#2d2723;line-height:1.4}.demo-login-modal-description{color:#666;font-size:1em;line-height:1.6}.demo-login-modal-note{font-size:.9em;color:#666;line-height:1.6;padding:1em 1.2em;background:#fff7eb;border-radius:8px;border-left:3px solid #ff9f43;margin-top:1em;text-align:left;width:100%;box-sizing:border-box}.demo-login-modal-note i{margin-right:.5em;color:#ff9f43}.demo-login-modal-footer{padding:1.5em 2em;background-color:#f9f9f9;display:flex;justify-content:center;border-top:1px solid rgba(0,0,0,.05)}.demo-login-modal-button{background:#ff9f43;color:#fff;border:none;padding:.9em 2.5em;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;box-shadow:0 2px 8px rgba(255,159,67,.3);transition:.2s;min-width:140px}.demo-login-modal-button:hover{background:#ff8a2e;transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,159,67,.4)}.demo-login-modal-button:active{transform:translateY(0);box-shadow:0 2px 6px rgba(255,159,67,.3)}.demo-login-modal-button:focus{outline:0;box-shadow:0 2px 8px rgba(255,159,67,.3),0 0 0 3px rgba(255,159,67,.2)}.demo-mode .c-ankenBlock:not(.dragging){cursor:default!important}.c-ankenBlock.dragging{opacity:.7;cursor:grabbing!important}@media (max-width:600px){.demo-login-modal-content{width:95%;margin:1em;border-radius:12px}.demo-login-modal-header{padding:1.2em 1.5em}.demo-login-modal-header h3{font-size:1.2em}.demo-login-modal-body{padding:2em 1.5em}.demo-login-modal-icon{font-size:3em}.demo-login-modal-title{font-size:1.2em}.demo-login-modal-footer{padding:1.2em 1.5em}.demo-login-modal-button{padding:.85em 2em;font-size:.95em;width:100%;max-width:280px}}.c-mihaisyaBlock{position:relative!important}.demo-mode .main-editor-wrapper{width:90vw;height:90vh;border-radius:16px;margin:auto;box-shadow:0 4px 20px rgba(0,0,0,.1)}.demo-mode .c-mainBlock{border-radius:0 16px 16px 0}.demo-mode .c-sidemenu{border-radius:16px 0 0 16px}.demo-mode .mainWrap{height:calc(90vh - 161px)}.demo-mode{display:flex;align-items:center;justify-content:center;min-height:100vh}.demo-guide-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:9990;opacity:0;pointer-events:none;transition:opacity .3s ease-out}.demo-guide-overlay.is-active{opacity:1;pointer-events:auto}.demo-guide-target-element{position:relative;z-index:9996!important;outline:#ff9f43 solid 4px!important;outline-offset:2px!important;border-radius:4px!important;box-shadow:0 0 0 2px rgba(255,255,255,.8),0 0 20px rgba(255,159,67,.6),0 0 40px rgba(255,159,67,.4)!important;animation:2s ease-in-out infinite demo-guide-element-pulse!important}@keyframes demo-guide-element-pulse{0%,100%{outline-color:#ff9f43;box-shadow:0 0 0 2px rgba(255,255,255,.8),0 0 20px rgba(255,159,67,.6),0 0 40px rgba(255,159,67,.4)}50%{outline-color:#ff8a2e;box-shadow:0 0 0 2px rgba(255,255,255,.9),0 0 30px rgba(255,159,67,.8),0 0 60px rgba(255,159,67,.6)}}.demo-guide-highlight{position:absolute;border:4px solid #ff9f43;border-radius:8px;box-shadow:0 0 0 2px rgba(255,255,255,.8),0 0 20px rgba(255,159,67,.6),0 0 40px rgba(255,159,67,.4),inset 0 0 20px rgba(255,159,67,.2);z-index:9991;pointer-events:none;opacity:0;transition:opacity .3s ease-out;animation:2s ease-in-out infinite demo-guide-pulse}.demo-guide-highlight.is-active{opacity:1}@keyframes demo-guide-pulse{0%,100%{border-color:#ff9f43;box-shadow:0 0 0 2px rgba(255,255,255,.8),0 0 20px rgba(255,159,67,.6),0 0 40px rgba(255,159,67,.4),inset 0 0 20px rgba(255,159,67,.2)}50%{border-color:#ff8a2e;box-shadow:0 0 0 2px rgba(255,255,255,.9),0 0 30px rgba(255,159,67,.8),0 0 60px rgba(255,159,67,.6),inset 0 0 30px rgba(255,159,67,.4)}}.demo-guide-popover{position:absolute;background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.3);max-width:min(400px,calc(100vw - 40px));min-width:280px;width:auto;z-index:9995;opacity:0;pointer-events:none;transition:opacity .3s ease-out,transform .3s ease-out;transform:translate(-50%,-50%) scale(.95)}.demo-guide-popover.is-active{opacity:1;pointer-events:auto;transform:translate(-50%,0) scale(1)}.demo-guide-popover-top.is-active{transform:translate(-50%,-100%) scale(1)}.demo-guide-popover-bottom.is-active{transform:translate(-50%,0) scale(1)}.demo-guide-popover-left.is-active{transform:translate(-100%,-50%) scale(1)}.demo-guide-popover-right.is-active{transform:translate(0,-50%) scale(1)}.demo-guide-popover-header{display:flex;justify-content:space-between;align-items:center;padding:1.2em 1.5em;border-bottom:1px solid #e9e9e9;background:linear-gradient(135deg,#ff9f43 0%,#ff8a2e 100%);border-radius:12px 12px 0 0}.demo-guide-popover-title{margin:0;font-size:1.2em;font-weight:600;color:#fff;letter-spacing:-.01em}.demo-guide-close{background:rgba(255,255,255,.2);border:none;color:#fff;font-size:1em;cursor:pointer;padding:.4em;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.demo-guide-close:hover{background:rgba(255,255,255,.3)}.demo-guide-popover-body{padding:1.5em}.demo-guide-popover-description{margin:0;font-size:.95em;line-height:1.7;color:#333}.demo-guide-popover-footer{padding:1em 1.5em;border-top:1px solid #e9e9e9;background-color:#f9f9f9;border-radius:0 0 12px 12px}.demo-guide-progress{text-align:center;margin-bottom:1em}.demo-guide-step-counter{display:inline-block;padding:.4em 1em;background-color:#fff7eb;color:#ff9f43;border-radius:20px;font-size:.85em;font-weight:600}.demo-guide-buttons{display:flex;gap:.5em;justify-content:center;flex-wrap:wrap}.demo-guide-button{padding:.7em 1.5em;border:none;border-radius:6px;font-size:.9em;font-weight:600;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:.5em}.demo-guide-button-next,.demo-guide-button-prev{background:#ff9f43;color:#fff;box-shadow:0 2px 8px rgba(255,159,67,.3)}.demo-guide-button-next:hover:not(:disabled),.demo-guide-button-prev:hover:not(:disabled){background:#ff8a2e;transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,159,67,.4)}.demo-guide-button-next:active:not(:disabled),.demo-guide-button-prev:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px rgba(255,159,67,.3)}.demo-guide-button-next:disabled,.demo-guide-button-prev:disabled{background:#e0e0e0;color:#999;cursor:not-allowed;box-shadow:none}.demo-guide-button-skip{background:0 0;color:#666;border:1px solid #ddd}.demo-guide-button-skip:hover{background:#f5f5f5;border-color:#ccc}.demo-guide-start-button{background:#ff9f43;color:#fff;border:none;padding:.6em 1.2em;border-radius:6px;font-size:.9em;font-weight:600;cursor:pointer;box-shadow:0 2px 8px rgba(255,159,67,.3);transition:.2s;display:flex;align-items:center;gap:.5em}.demo-guide-start-button:hover{background:#ff8a2e;transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,159,67,.4)}.demo-guide-start-button:active{transform:translateY(0);box-shadow:0 2px 6px rgba(255,159,67,.3)}.demo-guide-start-button i{font-size:.9em}@media (max-width:768px){.demo-guide-popover{max-width:calc(100vw - 40px);min-width:280px}.demo-guide-popover-header{padding:1em 1.2em}.demo-guide-popover-title{font-size:1.1em}.demo-guide-popover-body{padding:1.2em}.demo-guide-popover-description{font-size:.9em}.demo-guide-popover-footer{padding:.8em 1.2em}.demo-guide-buttons{flex-direction:column}.demo-guide-button{width:100%;justify-content:center}}