@import"https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700&family=Poppins:wght@400;500;600&display=swap";body,p,li,ol,ul,button,input,textarea,select,.btn,.form-control,.list-group-item{margin:0;padding:0;overflow:hidden;background-color:#fff;font-family:Poppins,sans-serif!important}h1,h2,h3,h4,h5,h6,.hero-title{font-family:Outfit,sans-serif!important;font-weight:600}.card,.audience-card,.testimonial-card{box-shadow:0 2px 12px #2c3e500f;border-radius:12px;border:none}.testimonial-card{padding:1.5rem;background:#fffbe7;border-left:4px solid #ffdc2e;margin-bottom:1.5rem}.section-title{font-family:Outfit,sans-serif;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.section-spacer{margin-top:4rem;margin-bottom:4rem}.canvas-container{display:flex;height:calc(100vh - 136px);position:relative}.canvas-accordion .card{border:0;border-radius:0}.canvas-accordion .card-header{padding:0;background-color:#f8f9fa}.canvas-accordion .card-header .btn-link{width:100%;text-align:left;text-decoration:none;color:#495057;padding:.75rem 1rem}.canvas-accordion .card-header .btn-link:hover{background-color:#e9ecef}.canvas-accordion .card-body{padding:.5rem}.canvas-icons{list-style:none;padding:0;margin:0;display:inline-flex;flex-wrap:wrap;gap:.5rem}.canvas-icons li{cursor:pointer;transition:transform .2s}.canvas-icons li:hover{transform:scale(1.1)}.canvas-icons li img{width:50px;padding:.5rem;background-color:#fff;border:1px solid #dee2e6;border-radius:4px}.canvas-area{width:100%;height:100%;background-color:#fff}.form-control:disabled{background-color:#e9ecef;cursor:not-allowed}.vw-100{width:100vw}.vh-100{height:100vh}.ph-100{height:100%}.pw-100{width:100%}.br-1{border:1px solid rgba(0,0,0,.125)}@media (max-width: 768px){.canvas-container{flex-direction:column}.col-md-3{width:100%;height:auto;max-height:200px;overflow-y:auto}.col-md-9{width:100%;height:calc(100vh - 256px)}}#saveStatus{display:none;opacity:0;transition:opacity .3s ease-in-out;background-color:#000c;color:#fff;padding:8px 16px;border-radius:4px;position:fixed;top:20px;right:20px;z-index:1000;font-size:14px;box-shadow:0 2px 4px #0003}#saveStatusText{margin-right:8px}#saveStatusIcon{font-size:16px}#saveStatusIcon:has(🔄){display:inline-block;animation:spin 1s linear infinite}.saving-spin{display:inline-block;animation:spin 1s linear infinite}.minified-toolbar{position:absolute;top:80px;left:0;z-index:100;display:flex;flex-direction:column;gap:12px;background:transparent;padding:8px 0 8px 8px;height:calc(100vh - 80px)}.toolbar-btn{background:#fff;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #2c3e5014;margin:0;padding:0;transition:box-shadow .2s,background .2s;cursor:pointer}.toolbar-btn img{width:24px;height:24px;object-fit:contain}.toolbar-btn:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.floating-shapes-menu{position:absolute;top:260px;left:90px;z-index:200;background:#fff;border-radius:18px;border:2px solid #dbeafe;box-shadow:0 4px 24px #2c3e501f;padding:18px 18px 14px;display:flex;flex-direction:column;align-items:center;min-width:240px;min-height:220px}.shapes-menu-top-row{display:grid;grid-template-columns:repeat(4,40px);gap:8px;margin-bottom:10px}.shapes-menu-divider{width:100%;border:none;border-top:1.5px solid #e5e7eb;margin:10px 0 12px}.shapes-menu-grid{display:grid;grid-template-columns:repeat(4,40px);gap:12px;margin-bottom:16px}.shape-menu-btn{background:none;border:none;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:background .18s,box-shadow .18s;cursor:pointer;margin:0;padding:0;outline:none}.shape-menu-btn img{width:22px;height:22px;object-fit:contain}.shape-menu-btn:hover,.shape-menu-btn.active{background:#e0e7ff;box-shadow:0 2px 8px #3b82f61a}.shapes-menu-more-btn{width:100%;margin-top:2px;background:#f3f4f6;border:none;border-radius:8px;padding:8px 0;font-size:1rem;font-weight:500;color:#222;cursor:pointer;transition:background .18s}.shapes-menu-more-btn:hover{background:#e0e7ff}.canvas-area-container{flex:1;position:relative;overflow:hidden}.sidebar{position:relative;width:300px;background-color:#f8f9fa;border-right:1px solid #dee2e6;transition:width .3s ease;overflow:hidden}.sidebar.collapsed{width:40px}.sidebar-toggle{position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:20px;height:40px;background-color:#f8f9fa;border:1px solid #dee2e6;border-left:none;border-radius:0 4px 4px 0;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000}.sidebar-toggle .toggle-icon{transition:transform .3s ease}.sidebar.collapsed .toggle-icon{transform:rotate(180deg)}.sidebar-content{width:300px;height:100%;overflow-y:auto}.floating-logo{position:absolute;top:24px;left:32px;z-index:100;background:#fff;border-radius:12px;box-shadow:0 2px 8px #2c3e5014;padding:8px;display:flex;align-items:center}.top-right-controls{position:absolute;top:24px;right:32px;z-index:100;display:flex;align-items:center;gap:16px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #2c3e5014;padding:8px 16px}.save-status{color:#444;font-size:1rem;font-weight:500}.btn-clear{background:#dc2626;color:#fff;border:none;border-radius:8px;padding:6px 18px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-clear:hover{background:#b91c1c}.left-toolbar{position:absolute;top:100px;left:32px;z-index:90;display:flex;flex-direction:column;gap:10px;background:#fff;border-radius:16px;box-shadow:0 2px 12px #2c3e501a;padding:12px 8px;align-items:center}.toolbar-btn{background:none;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:background .2s,box-shadow .2s;cursor:pointer;margin:0;padding:0}.toolbar-btn img{width:22px;height:22px;object-fit:contain}.toolbar-btn:hover,.toolbar-btn.active{background:#f0f4fa;box-shadow:0 4px 16px #2c3e501f}.toolbar-divider{width:28px;height:1px;background:#e5e7eb;margin:8px 0;border-radius:1px}.zoom-controls{position:fixed;right:40px;bottom:40px;z-index:100;display:flex;align-items:center;gap:18px;background:#fff;border-radius:16px;box-shadow:0 4px 24px #2c3e501a;padding:16px 28px 16px 24px;min-width:180px}.zoom-btn{background:none;border:none;color:#222;font-size:2rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:background .18s}.zoom-percentage{font-size:1.3rem;font-weight:500;color:#222;min-width:48px;text-align:center}.zoom-help-btn{background:#222;color:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;margin-left:10px;cursor:pointer;transition:background .18s}.properties-panel{position:fixed;left:32px;bottom:32px;z-index:100;background:#fff;border-radius:18px;box-shadow:0 4px 24px #2c3e501a;padding:16px 28px;min-width:0;min-height:0;display:flex;flex-direction:row;align-items:center;gap:18px;transition:box-shadow .18s}.properties-panel:hover{box-shadow:0 8px 32px #2c3e5029}.properties-panel form{width:100%;display:flex;flex-direction:row;align-items:center;gap:22px;flex-wrap:wrap}.form-row{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:80px}.properties-panel label{font-size:1rem;color:#222;font-weight:600;margin-bottom:2px;text-align:center;letter-spacing:.01em}.properties-panel input[type=text]{width:90px;padding:6px 10px;border-radius:8px;border:1.5px solid #e5e7eb;font-size:1.1rem;background:#fafbfc;transition:border .18s,background .18s}.properties-panel input[type=text]:focus{border:1.5px solid #6366f1;background:#f0f4ff;outline:none}.properties-panel input[type=color]{width:32px;height:32px;border:2px solid #e5e7eb;background:#fff;border-radius:50%;box-shadow:0 2px 8px #2c3e501a;cursor:pointer;padding:0;transition:border .18s,box-shadow .18s}.properties-panel input[type=color]:hover{border:2px solid #6366f1;box-shadow:0 4px 16px #6366f11a}.properties-panel input[type=number]{width:54px;padding:6px 8px;border-radius:8px;border:1.5px solid #e5e7eb;font-size:1.1rem;background:#fafbfc;text-align:center;transition:border .18s,background .18s}.properties-panel input[type=number]:focus{border:1.5px solid #6366f1;background:#f0f4ff;outline:none}.properties-panel .divider{width:1.5px;height:38px;background:#f1f1f1;margin:0 10px;border-radius:1px}.properties-panel button{background:#ef4444;color:#fff;border:none;border-radius:50%;padding:0;width:40px;height:40px;font-size:1.2rem;font-weight:500;cursor:pointer;transition:background .2s,box-shadow .18s;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ef44441a}.properties-panel button:hover{background:#b91c1c;box-shadow:0 4px 16px #ef444429}.properties-panel button img{width:22px;height:22px;display:block}.canvas-area-container{position:relative;width:100vw;height:100vh;overflow:hidden}.canvas-area{width:100%;height:100%;background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEtSURBVHic7dcxCoRAEEVB25PM/S85xmJgJL6gKp4F4fFhe/beBx3n3x/AnSAxgsQ8gszMmpn19kPvvnlnITHjX1aLhcQIEiNIjCAxgsQIEiNIjEs99s5CYlzqMRYSI0iMIDGCxAgSI0iMIDEu9dg7C4lxqcdYSIwgMYLECBIjSIwgMYLEuNRj7ywkxqUeYyExgsQIEiNIjCAxgsQIEuNSj72zkBiXeoyFxAgSI0iMIDGCxAgSI0iMSz32zkJiXOoxFhIjSIwgMYLECBIjSIwgMS712DsLiXGpx1hIjCAxgsQIEiNIjCAxgsS41GPvLCTGpR5jITGCxAgSI0iMIDGCxAgS41KPvbOQGJd6jIXECBIjSIwgMYLECBIjSIxLPfbOQmJc6jEWEiNIjCAxFz0yPPU19zhfAAAAAElFTkSuQmCC) repeat;position:absolute;top:0;left:0}.add-first-object-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:18px;box-shadow:0 4px 24px #2c3e501f;padding:36px 48px 32px;display:flex;flex-direction:column;align-items:center;gap:16px;z-index:200}.add-first-object-card img{margin-bottom:8px}.add-first-object-card div{font-size:1.2rem;font-weight:500;color:#222}.close-card{position:absolute;top:12px;right:12px;background:none;border:none;font-size:1.5rem;color:#888;cursor:pointer;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:background .2s}.close-card:hover{background:#f0f4fa}@media (max-width: 900px){.floating-logo,.top-right-controls{left:12px;right:12px;padding:6px 8px}.left-toolbar{left:8px;top:70px;padding:8px 4px}.zoom-controls{left:8px;bottom:12px;padding:6px 8px}.add-first-object-card{padding:24px 12px 20px}}html,body{height:auto!important;min-height:100%;overflow-y:auto!important}.hero{background:linear-gradient(90deg,#2b4c7e 60%,#373c43);color:#fff;padding:8rem 0 3rem;text-align:center}.hero-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.hero-desc{font-size:1.25rem;margin-bottom:2rem}.get-started-btn{font-size:1.2rem;padding:.75rem 2.5rem;border-radius:2rem;box-shadow:0 2px 8px #00000014;background-color:#ffdc2e;border-color:#ffdc2e;color:#373c43}.get-started-btn:hover{background-color:#f5d325;border-color:#f5d325;color:#373c43}.feature-icon{font-size:2.5rem;margin-bottom:.5rem;color:#2b4c7e}.audience-card{min-height:220px}.screenshot-placeholder{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;height:220px;display:flex;align-items:center;justify-content:center;color:#aaa;font-size:1.2rem;margin-bottom:2rem}.footer{background:#222;color:#fff;padding:2rem 0 1rem;text-align:center;font-size:1rem}.faq{text-align:left;max-width:700px;margin:2rem auto 0}.faq h5{margin-top:1.5rem}.navbar{background:linear-gradient(90deg,#2b4c7e 60%,#373c43)!important}.navbar-brand{padding-top:0;padding-bottom:0}.btn-outline-light:hover{background-color:#ffdc2e;border-color:#ffdc2e;color:#373c43}.zoom-controls{position:fixed;right:32px;bottom:32px;z-index:100;display:flex;align-items:center;gap:10px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #2c3e501a;padding:8px 14px;min-width:120px}.zoom-btn{background:none;border:none;color:#222;font-size:1.3rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;transition:background .18s}.zoom-btn:hover{background:#f3f4f6}.zoom-percentage{font-size:1rem;font-weight:500;color:#222;min-width:36px;text-align:center}.zoom-help-btn{background:#222;color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;margin-left:6px;cursor:pointer;transition:background .18s}.zoom-help-btn:hover{background:#111}.properties-panel{position:fixed;left:32px;bottom:32px;z-index:100;background:#fff;border-radius:14px;box-shadow:0 2px 12px #2c3e501a;padding:7px 16px;min-width:0;min-height:0;display:flex;flex-direction:row;align-items:center;gap:0}.properties-panel form{width:100%;display:flex;flex-direction:row;align-items:center;gap:10px;flex-wrap:nowrap}.properties-panel label{font-size:.95rem;color:#444;font-weight:500;margin:0 4px 0 0;padding:0;line-height:1}.properties-panel input[type=text]{width:60px;padding:2px 6px;border-radius:5px;border:1px solid #e5e7eb;font-size:.98rem;background:#fafbfc;margin-right:2px}.properties-panel input[type=color]{width:22px;height:22px;border:1.5px solid #e5e7eb;background:#fff;border-radius:50%;box-shadow:0 1px 4px #2c3e5014;cursor:pointer;padding:0;margin:0 6px 0 2px;transition:border .18s,box-shadow .18s}.properties-panel input[type=color]:hover{border:1.5px solid #6366f1;box-shadow:0 2px 8px #6366f11a}.properties-panel input[type=number]{width:36px;padding:2px 4px;border-radius:5px;border:1px solid #e5e7eb;font-size:.98rem;background:#fafbfc;text-align:center;margin-left:2px}.properties-panel .divider{width:1px;height:22px;background:#ececec;margin:0 10px;border-radius:1px;display:inline-block}.delete-icon{width:22px;height:22px;margin-left:8px;cursor:pointer;filter:grayscale(.2);transition:filter .18s,background .18s,border-radius .18s;padding:2px;border-radius:50%}.delete-icon:hover{background:#fee2e2;filter:grayscale(0) drop-shadow(0 0 2px #ef4444)}.save-status{display:flex;align-items:center;gap:8px}.save-status-icon{width:16px;height:16px}.save-status-icon.saving{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}