@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");@font-face{font-family:"Noto Serif Bengali";src:url(/fonts/Noto_Serif_Bengali/static/NotoSerifBengali-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Noto Serif Bengali";src:url(/fonts/Noto_Serif_Bengali/static/NotoSerifBengali-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--glass-bg:hsla(0,0%,100%,.03);--glass-border:hsla(0,0%,100%,.08);--glass-hover:hsla(0,0%,100%,.06);--accent-gradient:linear-gradient(135deg,#7c3aed,#ec4899);--canvas-bg:#1a1a24;--sidebar-width:280px}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,#0f0f14,#1a1a24 50%,#0f0f14);color:#fff;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.02)}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.15)}.glass{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.glass-strong{background:hsla(0,0%,100%,.08);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid hsla(0,0%,100%,.12)}.app-container{display:flex;flex-direction:column;height:100vh;position:relative;overflow:hidden}.bg-effects{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.bg-effects:before{content:"";position:absolute;width:800px;height:800px;background:radial-gradient(circle,rgba(124,58,237,.15) 0,transparent 70%);top:-400px;right:-200px;animation:float 20s ease-in-out infinite}.bg-effects:after{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(236,72,153,.1) 0,transparent 70%);bottom:-200px;left:-100px;animation:float 25s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(50px,30px) scale(1.1)}}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:rgba(15,15,20,.6);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-bottom:1px solid hsla(0,0%,100%,.06);position:relative;z-index:100}.header:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(124,58,237,.05),rgba(236,72,153,.03) 50%,rgba(124,58,237,.05));pointer-events:none}.header-content{justify-content:space-between;width:100%;position:relative;z-index:1}.header-content,.logo{display:flex;align-items:center}.logo{gap:10px;font-weight:700;font-size:1.25rem;color:#fff;text-decoration:none}.logo-icon{width:36px;height:36px;background:var(--accent-gradient);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(124,58,237,.4)}.logo-icon svg{width:20px;height:20px;color:#fff}.header-nav,.nav-btn{display:flex;align-items:center;gap:8px}.nav-btn{padding:8px 16px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;color:hsla(0,0%,100%,.7);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.nav-btn:hover{background:hsla(0,0%,100%,.08);color:#fff;border-color:hsla(0,0%,100%,.12)}.nav-btn.primary{background:var(--accent-gradient);border-color:transparent;color:#fff;box-shadow:0 4px 15px rgba(124,58,237,.3)}.nav-btn.primary:hover{box-shadow:0 6px 25px rgba(124,58,237,.4);transform:translateY(-1px)}.main-content{flex:1 1;position:relative;z-index:1}.main-content,.sidebar{display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background:rgba(15,15,20,.5);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid hsla(0,0%,100%,.06);flex-direction:column}.sidebar-header{padding:16px 20px;border-bottom:1px solid hsla(0,0%,100%,.06)}.sidebar-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:hsla(0,0%,100%,.4)}.sidebar-content{flex:1 1;overflow-y:auto;padding:16px}.tool-group{margin-bottom:24px}.tool-group-title{font-size:.75rem;font-weight:600;color:hsla(0,0%,100%,.5);margin-bottom:12px;padding-left:4px}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.tool-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 12px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:12px;color:hsla(0,0%,100%,.7);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tool-btn:hover{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.1);color:#fff;transform:translateY(-2px)}.tool-btn.active{background:rgba(124,58,237,.15);border-color:rgba(124,58,237,.3);color:#a78bfa}.tool-btn svg{width:24px;height:24px;opacity:.8}.canvas-area{flex:1 1;display:flex;align-items:flex-start;justify-content:center;padding:32px;position:relative;overflow:auto}.canvas-wrapper{position:relative;background:var(--canvas-bg);border-radius:16px;box-shadow:0 0 0 1px hsla(0,0%,100%,.06),0 20px 60px rgba(0,0,0,.5),0 0 100px rgba(124,58,237,.1);overflow:hidden}.canvas-wrapper:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,rgba(124,58,237,.2),transparent 50%,rgba(236,72,153,.2));border-radius:17px;z-index:-1;opacity:.5}.canvas-container{position:relative}.canvas-container canvas{display:block}.properties-panel{width:260px;background:rgba(15,15,20,.5);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid hsla(0,0%,100%,.06);display:flex;flex-direction:column;overflow:hidden}.panel-header{padding:16px 20px;border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;align-items:center;justify-content:space-between}.panel-title{font-size:.875rem;font-weight:600;color:#fff}.panel-content{flex:1 1;overflow-y:auto;padding:16px}.property-group{margin-bottom:20px}.property-label{font-size:.75rem;font-weight:500;color:hsla(0,0%,100%,.5);margin-bottom:8px;display:block}.property-input{width:100%;padding:10px 12px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;color:#fff;font-size:.875rem;outline:none;transition:all .2s ease}.property-input:focus{background:hsla(0,0%,100%,.06);border-color:rgba(124,58,237,.5)}.status-bar{justify-content:space-between;padding:8px 24px;background:rgba(15,15,20,.8);border-top:1px solid hsla(0,0%,100%,.06);font-size:.75rem;color:hsla(0,0%,100%,.5)}.status-bar,.status-item{display:flex;align-items:center}.status-item{gap:6px}.status-dot{width:6px;height:6px;background:#10b981;border-radius:50%}.zoom-controls{gap:8px}.zoom-btn,.zoom-controls{display:flex;align-items:center}.zoom-btn{width:28px;height:28px;justify-content:center;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:6px;color:hsla(0,0%,100%,.6);cursor:pointer;transition:all .2s ease}.zoom-btn:hover{background:hsla(0,0%,100%,.08);color:#fff}.zoom-value{min-width:50px;text-align:center;color:hsla(0,0%,100%,.7)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .3s ease forwards}.radix-themes{--default-font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif}@keyframes spin{to{transform:rotate(1turn)}}.panel-toggle-btn{display:none;position:fixed;bottom:80px;right:20px;width:56px;height:56px;background:var(--accent-gradient);border:none;border-radius:50%;color:#fff;cursor:pointer;z-index:200;box-shadow:0 4px 20px rgba(124,58,237,.5);transition:all .3s ease;align-items:center;justify-content:center}.panel-toggle-btn:hover{transform:scale(1.05);box-shadow:0 6px 30px rgba(124,58,237,.6)}.panel-toggle-btn:active{transform:scale(.95)}.properties-panel-wrapper{display:contents}@media (max-width:768px){.panel-toggle-btn{display:flex}.properties-panel-wrapper{display:block;position:fixed;top:0;right:0;bottom:0;width:280px;z-index:150;transform:translateX(100%);transition:transform .3s ease}.properties-panel-wrapper.visible{transform:translateX(0)}.properties-panel-wrapper .properties-panel{width:100%;height:100%}.properties-panel-wrapper.visible:before{content:"";position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:-1}.canvas-area{padding:16px;justify-content:flex-start}.header-nav span{display:none}.header{padding:12px 16px}.status-bar{padding:8px 16px;font-size:.65rem}}