.sidebar{position:fixed;top:0;left:0;width:250px;height:100%;background-color:#f8f9fa;box-shadow:2px 0 5px #0000001a;overflow-y:auto;transition:left .3s ease;z-index:1000;display:flex;flex-direction:column;padding:20px 10px}@media (max-width: 768px){.sidebar{left:-250px}.sidebar.open{left:0}.sidebar-toggle{display:block}}.logo{font-size:1.5rem;font-weight:700;text-align:center;color:#007bff}.sidebar-links{list-style:none;padding:0}.sidebar-links a{text-decoration:none;color:#333;font-weight:500;display:block;padding:8px 12px;border-radius:5px;transition:background .2s ease}.sidebar-links a:hover{background-color:#007bff;color:#fff}.blocks-section h3{margin-bottom:10px;font-size:1.1rem;text-align:center;color:#333}.blocks-section ul{list-style:none;padding:0;margin:0}.blocks-section li{padding:8px 10px;background-color:#e9ecef;margin-bottom:5px;border-radius:5px;text-align:center;cursor:pointer;font-weight:500;transition:background .2s ease}.blocks-section li:hover{background-color:#007bff;color:#fff}.sidebar-footer{display:flex;flex-direction:column;align-items:center}.sidebar-footer button{width:80%;padding:10px;border:none;border-radius:5px;font-weight:700;cursor:pointer;transition:background .2s ease}.logout-btn{background-color:#dc3545;color:#fff}.logout-btn:hover{background-color:#c82333}.sidebar-toggle{display:none;position:fixed;top:20px;left:20px;z-index:1100;background:#007bff;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer}@media (max-width: 768px){.sidebar-toggle{display:block}}.text-block-editor{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid #ddd;border-radius:8px;background:#f9fafb;box-shadow:0 1px 4px #0000000d;margin-bottom:12px;box-sizing:border-box;max-width:100%}.text-block-editor textarea{width:100%;min-height:60px;padding:6px;font-size:14px;border-radius:6px;border:1px solid #ccc;outline:none;resize:vertical;transition:border .2s ease;box-sizing:border-box}.text-block-editor textarea:focus{border-color:#007bff;box-shadow:0 0 0 1px #007bff26}.text-block-editor .controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:6px;width:100%;box-sizing:border-box}.text-block-editor label{display:flex;flex-direction:column;font-size:12px;font-weight:500;color:#333}.text-block-editor input,.text-block-editor select{margin-top:2px;padding:4px 6px;border-radius:4px;border:1px solid #bbb;font-size:12px;outline:none;transition:border .2s ease;width:100%;box-sizing:border-box}.text-block-editor input:focus,.text-block-editor select:focus{border-color:#007bff}.text-block-editor button{align-self:flex-start;background:#ff4d4f;color:#fff;font-weight:700;border:none;border-radius:4px;padding:6px 10px;cursor:pointer;font-size:12px;transition:background .2s ease}.text-block-editor button:hover{background:#d9363e}.image-block{text-align:center;border:1px dashed #ccc;border-radius:6px;padding:8px;margin:10px 0;background:#fafafa}.image-input{display:block;margin:5px auto 10px;font-size:13px;cursor:pointer}.dimension-inputs{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px}.dimension-inputs input{width:48%;padding:4px;font-size:13px;border:1px solid #bbb;border-radius:4px}.preview-image{display:block;margin:8px auto;border-radius:4px;box-shadow:0 1px 4px #0003;max-width:100%;max-height:300px;object-fit:contain}.delete-btn{margin-top:5px;background:#ff4d4d;color:#fff;border:none;padding:4px 8px;font-size:13px;border-radius:4px;cursor:pointer;transition:background .2s}.delete-btn:hover{background:#d93636}.delete-btn:active{background:#b02a2a}.preview-panel{flex:1;min-height:80vh;border:2px solid #e0e0e0;border-radius:8px;padding:20px;overflow-y:auto;background:#fdfdfd;box-shadow:0 2px 6px #00000014;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.preview-block{margin-bottom:16px}.preview-block img{display:block;max-width:100%;height:auto;border-radius:6px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease}.preview-block img:hover{transform:scale(1.02)}.preview-block p{line-height:1.6;border-radius:4px;transition:background .2s ease;word-wrap:break-word}.preview-block button{padding:8px 16px;margin:5px 0;border:none;border-radius:6px;background:#007bff;color:#fff;font-size:14px;cursor:pointer;transition:background .2s ease,transform .1s ease}.preview-block button:hover{background:#0056b3;transform:translateY(-1px)}.preview-block ul{padding-left:20px;list-style-type:disc}.preview-block li{margin-bottom:4px}.preview-block form{display:flex;flex-direction:column;gap:8px}.preview-block input,.preview-block textarea{padding:8px;border:1px solid #ccc;border-radius:6px;font-size:14px;outline:none;transition:border .2s ease}.preview-block input:focus,.preview-block textarea:focus{border-color:#007bff}.preview-block form button{align-self:flex-start}.preview-block .card{border:1px solid #ddd;border-radius:8px;padding:12px;background:#fff;box-shadow:0 2px 6px #00000014}.preview-block .card-title{font-weight:600;margin-bottom:6px}.preview-block .card-content{font-size:14px;color:#555}div[style*="display: flex"]>div[style*="width: 250px"]{background:#fff;border:2px solid #dee2e6;border-radius:8px;padding:20px;box-shadow:0 4px 10px #0000000d;height:auto;min-height:200px;align-self:flex-start;box-sizing:border-box}div[style*="display: flex"]>div[style*="width: 250px"] h3,div[style*="display: flex"]>div[style*="width: 250px"] h4{margin:0 0 10px;font-size:16px;color:#343a40}div[style*="display: flex"]>div[style*="width: 250px"] input[type=text],div[style*="display: flex"]>div[style*="width: 250px"] input,div[style*="display: flex"]>div[style*="width: 250px"] textarea{width:100%!important;padding:8px 10px!important;margin-bottom:10px!important;border:1px solid #ced4da;border-radius:6px;font-size:14px;box-sizing:border-box}div[style*="display: flex"]>div[style*="width: 250px"] button{display:inline-block;padding:8px 14px;margin:5px 5px 0 0;background-color:#0d6efd;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s}div[style*="display: flex"]>div[style*="width: 250px"] button:hover{background-color:#0b5ed7}div[style*="display: flex"]>div[style*="width: 250px"] button:disabled{background-color:#6c757d;cursor:not-allowed}div[style*="display: flex"]>div[style*="flex: 1"]{background:#fff;border:2px solid #dee2e6;border-radius:8px;padding:15px;min-height:80vh;box-shadow:0 4px 10px #0000000d;box-sizing:border-box}div[style*="display: flex"]>div[style*="flex: 1"] h3{margin-top:0;font-size:16px;color:#343a40}.preview-container{padding:20px;min-height:100vh;background-color:#f8f9fa;font-family:Arial,sans-serif;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.preview-container h1{font-size:28px;color:#212529;margin-bottom:20px;text-align:center}.preview-container p{font-size:16px;color:#495057;margin:10px 0;line-height:1.5;white-space:pre-wrap;text-align:center}.preview-container img{max-width:100%;height:auto;border-radius:8px;margin:10px 0;display:block}.preview-container button{padding:10px 18px;background-color:#0d6efd;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;margin:10px 0;transition:background .2s;display:block}.preview-container .card{border:1px solid #dee2e6;border-radius:8px;padding:15px;background-color:#fff;margin:10px 0;box-shadow:0 2px 6px #0000000d;text-align:center;width:90%;max-width:500px}.preview-container ul,.preview-container ol{margin:10px 0;padding-left:0;list-style-position:inside;text-align:center}.preview-container li{margin-bottom:6px}.preview-container form{display:flex;flex-direction:column;gap:10px;margin:10px 0;align-items:center;width:100%;max-width:400px}.preview-container form input,.preview-container form textarea{padding:8px 10px;border:1px solid #ced4da;border-radius:6px;font-size:14px;width:100%;box-sizing:border-box}.preview-container form button{padding:10px 16px;background-color:#0d6efd;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s}.preview-container form button:hover{background-color:#0b5ed7}@media (max-width: 576px){.preview-container h1{font-size:24px}.preview-container p{font-size:14px}.preview-container .card{width:95%;padding:12px}.preview-container form{max-width:90%}}@media (min-width: 577px) and (max-width: 992px){.preview-container h1{font-size:26px}.preview-container p{font-size:15px}.preview-container .card{max-width:450px}}.login-container{max-width:400px;margin:50px auto;padding:20px;border:1px solid #ccc;border-radius:8px;text-align:center;background-color:#fff;box-shadow:0 4px 10px #0000001a}.login-container h2{margin-bottom:20px;font-size:1.8rem;color:#333}.login-container form{display:flex;flex-direction:column;gap:15px}.login-container input{padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:5px;width:100%;box-sizing:border-box}.login-container button{padding:10px;font-size:1rem;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.login-container button:hover{background-color:#45a049}.login-container p{margin-top:15px;font-size:.9rem}.login-container a{color:#4caf50;text-decoration:none}.login-container a:hover{text-decoration:underline}@media (max-width: 480px){.login-container{margin:20px;padding:15px}.login-container h2{font-size:1.5rem}.login-container input,.login-container button{font-size:.95rem;padding:8px}}@media (min-width: 481px) and (max-width: 768px){.login-container{max-width:350px;padding:20px}.login-container h2{font-size:1.6rem}.login-container input,.login-container button{font-size:1rem}}.register-container{max-width:400px;margin:50px auto;padding:20px;border:1px solid #ccc;border-radius:8px;text-align:center;background-color:#fff;box-shadow:0 4px 10px #0000001a}.register-container h2{margin-bottom:20px;font-size:1.8rem;color:#333}.register-container form{display:flex;flex-direction:column;gap:15px}.register-container input{padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:5px;width:100%;box-sizing:border-box}.register-container button{padding:10px;font-size:1rem;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.register-container button:hover{background-color:#45a049}.register-container p{margin-top:15px;font-size:.9rem}.register-container a{color:#4caf50;text-decoration:none}.register-container a:hover{text-decoration:underline}@media (max-width: 480px){.register-container{margin:20px;padding:15px}.register-container h2{font-size:1.5rem}.register-container input,.register-container button{font-size:.95rem;padding:8px}}@media (min-width: 481px) and (max-width: 768px){.register-container{max-width:350px;padding:20px}.register-container h2{font-size:1.6rem}.register-container input,.register-container button{font-size:1rem}}.app-layout{display:flex;min-height:100vh;width:100%;overflow-x:hidden}.sidebar{width:250px;flex-shrink:0;background:#f4f4f4;min-height:100vh;position:relative;transition:transform .3s ease}.main-content{flex:1;padding:20px;box-sizing:border-box;background:#fff}@media (max-width: 768px){.sidebar{position:fixed;top:0;left:0;height:100%;transform:translate(-100%);z-index:1000}.sidebar.open{transform:translate(0)}.main-content{flex:1;padding:20px;margin-left:0}}