*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-2{inset:.5rem}.-bottom-6{bottom:-1.5rem}.-top-3{top:-.75rem}.-top-4{top:-1rem}.bottom-0{bottom:0}.left-0{left:0}.left-0\.5{left:.125rem}.left-1\/2{left:50%}.left-2{left:.5rem}.left-4{left:1rem}.right-0{right:0}.top-0{top:0}.top-0\.5{top:.125rem}.top-2{top:.5rem}.top-4{top:1rem}.isolate{isolation:isolate}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[9999\]{z-index:9999}.order-1{order:1}.order-2{order:2}.m-0{margin:0}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.-mt-2{margin-top:-.5rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-12{margin-left:3rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-6{margin-top:1.5rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-\[16\/10\]{aspect-ratio:16/10}.aspect-\[4\/3\]{aspect-ratio:4/3}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-\[70vh\]{height:70vh}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[90vh\]{max-height:90vh}.max-h-full{max-height:100%}.min-h-\[60vh\]{min-height:60vh}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-52{width:13rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[85\%\]{max-width:85%}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.translate-x-4{--tw-translate-x:1rem}.transform,.translate-x-4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-ns-resize{cursor:ns-resize}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-.5rem * var(--tw-space-x-reverse));margin-left:calc(-.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-\[\#0f1117\]{--tw-border-opacity:1;border-color:rgb(15 17 23/var(--tw-border-opacity,1))}.border-\[\#1a1d26\]{--tw-border-opacity:1;border-color:rgb(26 29 38/var(--tw-border-opacity,1))}.border-\[\#2a2d36\]{--tw-border-opacity:1;border-color:rgb(42 45 54/var(--tw-border-opacity,1))}.border-\[\#7C5CFC\]{--tw-border-opacity:1;border-color:rgb(124 92 252/var(--tw-border-opacity,1))}.border-\[\#7C5CFC\]\/20{border-color:rgba(124,92,252,.2)}.border-\[\#F97316\]{--tw-border-opacity:1;border-color:rgb(249 115 22/var(--tw-border-opacity,1))}.border-\[var\(--marketing-border\)\]{border-color:var(--marketing-border)}.border-\[var\(--marketing-surface\)\]{border-color:var(--marketing-surface)}.border-amber-100{--tw-border-opacity:1;border-color:rgb(254 243 199/var(--tw-border-opacity,1))}.border-blue-100{--tw-border-opacity:1;border-color:rgb(219 234 254/var(--tw-border-opacity,1))}.border-blue-600{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-emerald-200{--tw-border-opacity:1;border-color:rgb(167 243 208/var(--tw-border-opacity,1))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-purple-500{--tw-border-opacity:1;border-color:rgb(168 85 247/var(--tw-border-opacity,1))}.border-purple-600{--tw-border-opacity:1;border-color:rgb(147 51 234/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.border-white\/5{border-color:hsla(0,0%,100%,.05)}.border-t-transparent{border-top-color:transparent}.bg-\[\#0b0c10\]\/80{background-color:rgba(11,12,16,.8)}.bg-\[\#0f1117\]{--tw-bg-opacity:1;background-color:rgb(15 17 23/var(--tw-bg-opacity,1))}.bg-\[\#1a1a2e\]{--tw-bg-opacity:1;background-color:rgb(26 26 46/var(--tw-bg-opacity,1))}.bg-\[\#1a1c22\]{--tw-bg-opacity:1;background-color:rgb(26 28 34/var(--tw-bg-opacity,1))}.bg-\[\#1a1d26\]{--tw-bg-opacity:1;background-color:rgb(26 29 38/var(--tw-bg-opacity,1))}.bg-\[\#28c840\]{--tw-bg-opacity:1;background-color:rgb(40 200 64/var(--tw-bg-opacity,1))}.bg-\[\#2a2d36\]{--tw-bg-opacity:1;background-color:rgb(42 45 54/var(--tw-bg-opacity,1))}.bg-\[\#7C5CFC\]{--tw-bg-opacity:1;background-color:rgb(124 92 252/var(--tw-bg-opacity,1))}.bg-\[\#7C5CFC\]\/10{background-color:rgba(124,92,252,.1)}.bg-\[\#7C5CFC\]\/5{background-color:rgba(124,92,252,.05)}.bg-\[\#F97316\]{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.bg-\[\#febc2e\]{--tw-bg-opacity:1;background-color:rgb(254 188 46/var(--tw-bg-opacity,1))}.bg-\[\#ff5f57\]{--tw-bg-opacity:1;background-color:rgb(255 95 87/var(--tw-bg-opacity,1))}.bg-\[var\(--marketing-accent\)\]{background-color:var(--marketing-accent)}.bg-\[var\(--marketing-bg\)\]{background-color:var(--marketing-bg)}.bg-\[var\(--marketing-canvas-bg\)\]{background-color:var(--marketing-canvas-bg)}.bg-\[var\(--marketing-surface\)\]{background-color:var(--marketing-surface)}.bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/50{background-color:rgba(0,0,0,.5)}.bg-black\/60{background-color:rgba(0,0,0,.6)}.bg-black\/90{background-color:rgba(0,0,0,.9)}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-400{--tw-bg-opacity:1;background-color:rgb(96 165 250/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-emerald-100{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-500\/10{background-color:rgba(34,197,94,.1)}.bg-purple-600{--tw-bg-opacity:1;background-color:rgb(147 51 234/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-500\/10{background-color:rgba(239,68,68,.1)}.bg-transparent{background-color:transparent}.bg-violet-500\/20{background-color:rgba(139,92,246,.2)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/5{background-color:hsla(0,0%,100%,.05)}.bg-zinc-900{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.bg-zinc-950{--tw-bg-opacity:1;background-color:rgb(9 9 11/var(--tw-bg-opacity,1))}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-\[\#7C5CFC\]{--tw-gradient-from:#7c5cfc var(--tw-gradient-from-position);--tw-gradient-to:rgba(124,92,252,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#7C5CFC\]\/10{--tw-gradient-from:rgba(124,92,252,.1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(124,92,252,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#F97316\]{--tw-gradient-from:#f97316 var(--tw-gradient-from-position);--tw-gradient-to:rgba(249,115,22,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-amber-100{--tw-gradient-from:#fef3c7 var(--tw-gradient-from-position);--tw-gradient-to:hsla(48,96%,89%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/50{--tw-gradient-from:rgba(0,0,0,.5) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-600{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-100{--tw-gradient-from:#f3f4f6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(243,244,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-50{--tw-gradient-from:#f9fafb var(--tw-gradient-from-position);--tw-gradient-to:rgba(249,250,251,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-50{--tw-gradient-from:#fff7ed var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,247,237,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white{--tw-gradient-from:#fff var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),transparent var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-\[\#7C5CFC\]{--tw-gradient-to:#7c5cfc var(--tw-gradient-to-position)}.to-\[\#7C5CFC\]\/10{--tw-gradient-to:rgba(124,92,252,.1) var(--tw-gradient-to-position)}.to-\[\#F97316\]{--tw-gradient-to:#f97316 var(--tw-gradient-to-position)}.to-\[\#F97316\]\/10{--tw-gradient-to:rgba(249,115,22,.1) var(--tw-gradient-to-position)}.to-gray-200{--tw-gradient-to:#e5e7eb var(--tw-gradient-to-position)}.to-gray-400{--tw-gradient-to:#9ca3af var(--tw-gradient-to-position)}.to-gray-50{--tw-gradient-to:#f9fafb var(--tw-gradient-to-position)}.to-orange-100{--tw-gradient-to:#ffedd5 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.to-violet-600{--tw-gradient-to:#7c3aed var(--tw-gradient-to-position)}.to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-12{padding:3rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-6{padding-bottom:1.5rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[10px\]{font-size:10px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-\[1\.15\]{line-height:1.15}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#7C5CFC\]{--tw-text-opacity:1;color:rgb(124 92 252/var(--tw-text-opacity,1))}.text-\[\#7C5CFC\]\/30{color:rgba(124,92,252,.3)}.text-\[\#F97316\]{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.text-\[var\(--marketing-accent\)\]{color:var(--marketing-accent)}.text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-emerald-400{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity,1))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.text-violet-300{--tw-text-opacity:1;color:rgb(196 181 253/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/80{color:hsla(0,0%,100%,.8)}.text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity,1))}.text-zinc-400{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.placeholder-gray-400::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.placeholder-gray-500::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128/var(--tw-placeholder-opacity,1))}.placeholder-gray-500::placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128/var(--tw-placeholder-opacity,1))}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}.shadow-inner,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.shadow-\[\#7C5CFC\]\/25{--tw-shadow-color:rgba(124,92,252,.25);--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-1,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1))}.ring-offset-1{--tw-ring-offset-width:1px}.ring-offset-2{--tw-ring-offset-width:2px}.ring-offset-\[var\(--marketing-bg\)\]{--tw-ring-offset-color:var(--marketing-bg)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-sm,.backdrop-blur-xl{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--background:#0b0c10;--foreground:#e8eef2;--muted:#8aa0b2;--accent:#4f46e5;--surface:#12141a;--font-inter:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-code:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--marketing-bg:#1a1a2e;--marketing-surface:#2d2d44;--marketing-border:#2d2d44;--marketing-text:#fff;--marketing-text-muted:#9ca3af;--marketing-accent:#4353ff;--marketing-canvas-bg:#e8e8e8}.marketing-body{background-color:var(--marketing-bg);color:var(--marketing-text)}@keyframes slide-in-left{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.animate-slide-in{animation:slide-in-left .25s ease-out}body,html{background-color:var(--background);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}a,body,html{color:var(--foreground)}.container{max-width:1200px;padding:24px}.card{background-color:var(--surface);border-radius:12px;border:1px solid #1f2430;padding:16px}.row{display:flex;gap:16px}.col{flex-grow:1}.btn{background-color:var(--accent);border-width:0;border-style:solid;padding:10px 14px;border-radius:8px;display:inline-block;width:auto}.muted{color:var(--muted);font-size:14px}body,html{margin:0;padding:0}*{box-sizing:border-box}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}.nav{display:flex;align-items:center;justify-content:space-between;padding-top:12px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.brand{font-weight:700}.main{padding-top:24px;padding-bottom:24px}.dashboard-container{min-height:100vh;background:linear-gradient(135deg,#0b0c10,#12141a);padding:0;overflow-y:scroll}.dashboard-header{background:rgba(18,20,26,.8);backdrop-filter:blur(10px);border-bottom:1px solid hsla(0,0%,100%,.1);padding:32px 0;position:sticky;top:0;z-index:100}.dashboard-header-content{max-width:1400px;margin:0 auto;padding:0 32px;display:flex;justify-content:space-between;align-items:flex-start;gap:32px;flex-wrap:wrap}.dashboard-title{font-size:32px;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,#e8eef2,#b8c5d1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.dashboard-subtitle{font-size:16px;color:#8aa0b2;margin:0;font-weight:400}.dashboard-actions{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}.dashboard-card{background:rgba(18,20,26,.6);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:48px;text-align:center;max-width:500px;margin:80px auto}.create-book-form-wrapper{display:flex;flex-direction:column;gap:8px}.create-book-form{display:flex;flex-direction:column;gap:16px}.create-book-form.create-book-form--simple{gap:0}.create-book-simple-row{display:flex;gap:8px;align-items:stretch}@media (max-width:520px){.create-book-simple-row{flex-direction:column}}.create-book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media (max-width:680px){.create-book-grid{grid-template-columns:1fr}}.create-book-field{display:flex;flex-direction:column;gap:8px}.create-book-field label{font-size:14px;color:rgba(224,231,255,.8);font-weight:500}.create-book-field input,.create-book-field select,.create-book-field textarea,.create-book-input{background:rgba(14,18,24,.85);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;padding:12px 14px;color:#e8eef2;font-size:15px;transition:all .2s ease;width:100%}.create-book-field textarea{resize:vertical;min-height:100px}.create-book-field input:focus,.create-book-field select:focus,.create-book-field textarea:focus,.create-book-input:focus{outline:none;border-color:#4f46e5;background:#0e1218;box-shadow:0 0 0 3px rgba(79,70,229,.1)}.create-book-field input::-moz-placeholder,.create-book-field textarea::-moz-placeholder,.create-book-input::-moz-placeholder{color:rgba(148,163,184,.7)}.create-book-field input::placeholder,.create-book-field textarea::placeholder,.create-book-input::placeholder{color:rgba(148,163,184,.7)}.create-book-field input:disabled,.create-book-field select:disabled,.create-book-field textarea:disabled,.create-book-input:disabled{opacity:.6;cursor:not-allowed}.create-book-input.input-error{border-color:#ef4444;background:rgba(239,68,68,.05)}.create-book-input.input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.field-hint{font-size:12px;color:rgba(148,163,184,.7)}.cover-upload{gap:16px}.cover-preview,.cover-upload{display:flex;align-items:center}.cover-preview{width:96px;height:144px;border-radius:8px;overflow:hidden;border:1px solid hsla(0,0%,100%,.08);background:rgba(15,23,42,.6);justify-content:center}.cover-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.create-book-modal-body{max-height:70vh;overflow-y:auto;padding-right:8px}.create-book-modal-body::-webkit-scrollbar{width:6px}.create-book-modal-body::-webkit-scrollbar-track{background:rgba(15,23,42,.4);border-radius:999px}.create-book-modal-body::-webkit-scrollbar-thumb{background:rgba(79,70,229,.5);border-radius:999px}.create-book-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;font-weight:500;white-space:nowrap;transition:all .2s ease}.create-book-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(79,70,229,.3)}.create-book-btn:disabled{opacity:.6;cursor:not-allowed}.create-book-error{display:flex;align-items:center;gap:8px;color:#fca5a5;font-size:14px;padding:8px 12px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:8px}.btn-primary{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border:none;padding:12px 20px;border-radius:10px;font-weight:500;font-size:15px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;text-decoration:none}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(79,70,229,.3)}.btn-secondary{background:rgba(31,36,48,.8);color:#e8eef2;padding:12px 20px;border-radius:10px;font-weight:500;font-size:15px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;text-decoration:none}.btn-secondary:hover{background:#1f2430;transform:translateY(-1px)}.books-grid{max-width:1400px;margin:0 auto;padding:32px 24px 48px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px}.book-card{background:rgba(18,20,26,.65);border:1px solid hsla(0,0%,100%,.08);border-radius:18px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;position:relative}.book-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s ease;background:linear-gradient(120deg,rgba(99,102,241,.25),rgba(129,140,248,0))}.book-card:hover{transform:translateY(-6px);border-color:rgba(99,102,241,.35);box-shadow:0 18px 36px rgba(11,14,23,.45)}.book-card:hover:before{opacity:1}.book-card-cover{position:relative;width:100%;aspect-ratio:1/1;background:linear-gradient(135deg,rgba(30,41,59,.8),rgba(15,23,42,.95));border-bottom:1px solid hsla(0,0%,100%,.05);overflow:hidden}.book-card-cover img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease;filter:saturate(.95)}.book-card:hover .book-card-cover img{transform:scale(1.05)}.book-card-cover-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:rgba(148,163,184,.85);font-size:13px;letter-spacing:.04em;text-transform:uppercase}.book-card-cover-placeholder svg{color:rgba(99,102,241,.65)}.book-card-body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:16px;flex:1}.book-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.book-card-title{margin:0;font-size:18px;font-weight:600;color:hsla(0,0%,100%,.95)}.book-status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;background:rgba(99,102,241,.16);color:#c7d2fe}.book-status-pill--outline_generated{background:rgba(16,185,129,.18);color:#6ee7b7}.book-status-pill--generating_curriculum{background:rgba(250,204,21,.2);color:#fcd34d}.book-card-actions{display:flex;align-items:center;opacity:0;transition:opacity .2s ease}.book-card:hover .book-card-actions{opacity:1}.book-action-btn{background:rgba(31,36,48,.8);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:8px;cursor:pointer;color:#8aa0b2;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.book-action-btn:hover{background:#1f2430;color:#e8eef2;border-color:hsla(0,0%,100%,.2)}.book-action-btn.book-action-danger:hover{background:rgba(127,29,29,.2);border-color:rgba(239,68,68,.3);color:#fca5a5}.book-action-btn.book-action-save{background:rgba(79,70,229,.2);border-color:rgba(79,70,229,.3);color:#818cf8}.book-edit-form{display:flex;gap:8px;width:100%}.book-edit-input{background:rgba(14,18,24,.8);border:1px solid rgba(79,70,229,.3);border-radius:8px;padding:8px 12px;color:#e8eef2;font-size:20px;font-weight:600;flex:1}.book-edit-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.1)}.book-card-description{color:rgba(203,213,225,.75);font-size:14px;line-height:1.65;margin:0}.book-card-badges{display:flex;flex-wrap:wrap;gap:8px}.book-card-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500;letter-spacing:.01em;text-transform:uppercase;background:rgba(148,163,184,.12);color:rgba(226,232,240,.9);border:1px solid rgba(148,163,184,.18)}.book-card-badge--status{background:rgba(79,70,229,.18);border-color:rgba(99,102,241,.32);color:#c7d2fe}.book-card-badge--language{background:rgba(13,148,136,.18);border-color:rgba(45,212,191,.28);color:#a7f3d0}.book-card-badge--audience{background:rgba(236,72,153,.18);border-color:rgba(244,114,182,.32);color:#fbcfe8}.book-card-tags{display:flex;flex-wrap:wrap;gap:6px}.book-card-tag{font-size:12px;padding:4px 8px;border-radius:8px;background:rgba(30,41,59,.6);border:1px solid hsla(0,0%,100%,.08);color:rgba(203,213,225,.8)}.book-card-tag--more{color:rgba(148,163,184,.9);border-style:dashed}.book-card-meta{display:flex;align-items:center;gap:6px;color:rgba(148,163,184,.7);font-size:13px}.book-card-meta svg{color:rgba(148,163,184,.8)}.book-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.book-card-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;background:rgba(79,70,229,.18);border:1px solid rgba(79,70,229,.28);border-radius:10px;color:#c7d2fe;font-weight:500;font-size:14px;transition:all .2s ease;text-decoration:none}.book-card-link:hover{background:rgba(79,70,229,.28);border-color:rgba(99,102,241,.4);color:#ede9fe;transform:translateY(-1px)}.book-card-link--settings{background:rgba(148,163,184,.14);border-color:rgba(148,163,184,.22);color:rgba(226,232,240,.85)}.book-card-link--settings:hover{background:rgba(148,163,184,.25);border-color:rgba(148,163,184,.35);color:#f1f5f9}.book-card-link--ai{background:rgba(79,70,229,.18);border-color:rgba(99,102,241,.45);color:#c7d2fe}.book-card-link--ai:hover{background:rgba(99,102,241,.28);border-color:rgba(129,140,248,.65);color:#e0e7ff}.bmb-tree__empty-state{text-align:center;padding:80px 32px;color:#8aa0b2}.bmb-tree__empty-state svg{margin:0 auto 24px;opacity:.5}.empty-state-title{font-size:24px;font-weight:600;color:#e8eef2;margin:0 0 8px}.empty-state-text{font-size:16px;color:#8aa0b2;margin:0}.error-banner{display:flex;align-items:center;gap:12px;padding:16px 24px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:12px;color:#fca5a5;font-size:15px;max-width:1400px;margin:32px 32px 24px}.loading-spinner{width:20px;height:20px;border:2px solid rgba(79,70,229,.2);border-top-color:#4f46e5;border-radius:50%}.loading-spinner,.spinner{animation:spin .6s linear infinite}.video-panel{gap:24px}.video-chapter,.video-panel{display:flex;flex-direction:column}.video-chapter{padding:18px;background:rgba(12,14,22,.55);border:1px solid rgba(148,163,184,.15);border-radius:16px;gap:14px}.video-chapter__header h3{margin:0 0 6px;font-size:15px;font-weight:600;color:rgba(226,232,240,.95);letter-spacing:.02em;text-transform:uppercase}.video-chapter__header p{margin:0;font-size:13px;color:rgba(148,163,184,.78)}.video-chapter__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.video-card{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;background:rgba(15,19,29,.8);border:1px solid rgba(148,163,184,.2);border-radius:14px;cursor:pointer;color:rgba(226,232,240,.95);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;text-align:left}.video-card:hover{transform:translateY(-2px);border-color:rgba(99,102,241,.55);box-shadow:0 14px 28px rgba(79,70,229,.25)}.video-card__badge{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:4px 10px;border-radius:999px;background:rgba(99,102,241,.2);color:#c7d2fe;font-size:12px;font-weight:600}.video-card__body{flex:1;display:flex;flex-direction:column;gap:4px}.video-card__title{font-size:14px;font-weight:600;color:rgba(226,232,240,.95)}.video-card__description{margin:0;font-size:12px;color:rgba(148,163,184,.78)}.video-card__play{width:32px;height:32px;border-radius:10px;background:rgba(99,102,241,.25);color:#e0e7ff;display:flex;align-items:center;justify-content:center}.share-modal--video{max-width:780px;width:100%;background:linear-gradient(160deg,rgba(12,14,22,.95),rgba(12,18,32,.98))}.video-modal__body{padding:0 0 24px}.video-modal__body video,.video-modal__frame{width:100%;border-radius:12px;background:#000;box-shadow:0 20px 40px rgba(0,0,0,.4)}.video-modal__frame{position:relative;padding-top:56.25%;overflow:hidden}.video-modal__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:none}@media (max-width:768px){.dashboard-header-content{flex-direction:column;align-items:stretch}.create-book-form,.dashboard-actions{flex-direction:column}.create-book-input{min-width:100%}.books-grid{grid-template-columns:1fr;padding:16px}.dashboard-title{font-size:24px}}.editor-shell{position:relative;min-height:100vh;padding:48px 32px;display:flex;justify-content:center;background:radial-gradient(circle at top,rgba(79,70,229,.25),transparent 45%),#07090f}.editor-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(236,72,153,.12),transparent 40%);filter:blur(0);z-index:0}.editor-frame{position:relative;z-index:1;display:flex;gap:0;width:min(1380px,100%);background:rgba(10,12,18,.85);border:1px solid hsla(0,0%,100%,.08);border-radius:24px;backdrop-filter:blur(22px);box-shadow:0 40px 120px rgba(0,0,0,.45);overflow:hidden}.editor-sidebar{flex:0 0 340px;background:linear-gradient(180deg,rgba(12,15,24,.95),rgba(12,15,24,.4));border-right:1px solid hsla(0,0%,100%,.05);padding:32px 28px;display:flex;flex-direction:column;gap:24px}.editor-sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.editor-sidebar-label{display:inline-block;font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:rgba(217,224,238,.6);margin-bottom:6px}.editor-sidebar-title{margin:0;font-size:26px;font-weight:700;line-height:1.2;color:#f8fafc}.editor-back-btn{padding:10px 16px}.editor-main{flex:1;padding:32px 36px;display:flex;flex-direction:column;gap:32px;background:linear-gradient(180deg,rgba(8,10,16,.9),rgba(8,10,16,.6))}.editor-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.editor-topbar-meta{display:flex;flex-wrap:wrap;gap:8px}.editor-chip{padding:6px 12px;border-radius:999px;border:1px solid rgba(99,102,241,.35);background:rgba(79,70,229,.16);font-size:13px;color:#c7d2fe}.editor-chip-muted{border-color:rgba(148,163,184,.3);background:rgba(148,163,184,.12);color:#cbd5f5}.editor-section{width:100%}.editor-primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 18px;border-radius:12px;border:none;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#f8fafc;font-weight:600;font-size:15px;cursor:pointer;box-shadow:0 12px 30px rgba(94,73,255,.35);transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.editor-primary-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 32px rgba(94,73,255,.5)}.editor-primary-btn:disabled{opacity:.6;cursor:not-allowed}.editor-secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 18px;border-radius:12px;border:1px solid rgba(148,163,184,.25);background:rgba(15,18,28,.7);color:rgba(226,232,240,.9);font-weight:500;font-size:15px;cursor:pointer;transition:all .18s ease;text-decoration:none}.editor-secondary-btn:hover{border-color:rgba(148,163,184,.45);background:rgba(31,36,48,.9);color:#f8fafc}.tree-panel{display:flex;flex-direction:column;gap:20px;height:100%}.tree-panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.tree-title{margin:0;font-size:18px;font-weight:600;color:#e2e8f0}.tree-subtitle{margin:4px 0 0;font-size:13px;color:rgba(203,213,225,.75)}.tree-btn-icon{font-size:18px;line-height:1}.bmb-tree__list{list-style:none;margin:0;padding:0;gap:12px}.bmb-tree__list,.tree-item{display:flex;flex-direction:column}.tree-item{background:rgba(15,18,28,.7);border:1px solid rgba(148,163,184,.12);border-radius:14px;padding:14px 16px;gap:10px}.tree-item-row{justify-content:space-between;gap:12px}.tree-item-info,.tree-item-row{display:flex;align-items:center}.tree-item-info{gap:10px}.tree-item-index{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(99,102,241,.15);color:#c7d2fe;font-size:13px;font-weight:600}.tree-item-title{font-size:15px;font-weight:500;color:#e2e8f0}.tree-item-actions{display:inline-flex;align-items:center;gap:6px}.bmb-tree__icon-btn{width:32px;height:32px;border-radius:10px;border:1px solid rgba(148,163,184,.2);background:rgba(15,18,28,.7);color:rgba(226,232,240,.8);transition:all .18s ease}.bmb-tree__icon-btn:hover:not(:disabled){background:rgba(79,70,229,.25);border-color:rgba(99,102,241,.4);color:#c7d2fe}.bmb-tree__icon-btn:disabled{opacity:.35}.tree-topic-list{list-style:none;margin:0;padding:0 0 0 2px;display:flex;flex-direction:column;gap:6px}.tree-topic-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;background:rgba(31,36,48,.45);border:1px solid rgba(148,163,184,.12)}.tree-topic-title{font-size:14px;color:rgba(226,232,240,.88)}.tree-topic-empty{font-size:13px;color:rgba(148,163,184,.7);padding:6px 4px}.tree-chip-btn{font-size:13px;padding:6px 12px;border-radius:999px;border:1px solid rgba(99,102,241,.35);background:rgba(79,70,229,.18);color:#c7d2fe;cursor:pointer;transition:all .18s ease}.tree-chip-btn:hover{background:rgba(79,70,229,.3);border-color:rgba(99,102,241,.45)}.tree-empty{text-align:center;padding:36px 16px;border-radius:14px;border:1px dashed rgba(148,163,184,.25);color:rgba(148,163,184,.65);font-size:14px}.quick-add-card{border-radius:20px;border:1px solid rgba(148,163,184,.12);background:rgba(15,18,28,.72);padding:24px 26px;gap:16px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05)}.quick-add-card,.quick-add-header{display:flex;flex-direction:column}.quick-add-header{gap:6px}.quick-add-title{display:inline-flex;align-items:center;gap:10px}.quick-add-title h4{margin:0;font-size:18px;font-weight:600;color:#e2e8f0}.quick-add-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#a855f7);box-shadow:0 0 12px rgba(124,58,237,.6)}.quick-add-hint{font-size:13px;color:rgba(148,163,184,.75)}.quick-add-form{display:flex;flex-direction:column;gap:14px}.quick-add-input{width:100%;min-height:200px;border-radius:16px;border:1px solid rgba(79,70,229,.25);background:rgba(12,15,24,.78);padding:16px 18px;color:#f8fafc;font-size:14px;line-height:1.6;resize:vertical;transition:border .2s ease,box-shadow .2s ease}.quick-add-input:focus{outline:none;border-color:rgba(99,102,241,.6);box-shadow:0 0 0 3px rgba(79,70,229,.18)}.quick-add-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.quick-add-feedback{font-size:13px;color:rgba(148,163,184,.75)}.editor-module{display:flex;flex-direction:column;gap:14px}.editor-toolbar{justify-content:space-between;gap:14px;flex-wrap:wrap}.zoom-controls{gap:2px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:6px;padding:2px}.zoom-btn,.zoom-controls{display:flex;align-items:center}.zoom-btn{justify-content:center;width:24px;height:24px;border:none;background:transparent;color:hsla(0,0%,100%,.5);border-radius:4px;cursor:pointer;transition:all .15s ease}.zoom-btn:hover:not(:disabled){background:hsla(0,0%,100%,.1);color:#e2e8f0}.zoom-btn:disabled{opacity:.4;cursor:not-allowed}.zoom-percentage{min-width:40px;height:24px;padding:0 6px;border:none;background:transparent;color:hsla(0,0%,100%,.7);font-size:11px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s ease}.zoom-percentage:hover{background:hsla(0,0%,100%,.08);border-radius:4px}.breakpoint-controls{gap:2px}.breakpoint-controls .toolbar-icon-btn{position:relative}.breakpoint-controls .toolbar-icon-btn.active{background:rgba(124,92,252,.2);color:#a78bfa}.breakpoint-controls .toolbar-icon-btn.active:after{content:"";position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:4px;height:4px;background:#a78bfa;border-radius:50%}.editor-mode-toggle{display:inline-flex;padding:4px;border-radius:14px;background:rgba(15,18,28,.7);border:1px solid rgba(148,163,184,.18);gap:4px}.editor-mode-btn{border:none;background:transparent;color:rgba(148,163,184,.85);font-weight:500;font-size:14px;padding:8px 16px;border-radius:10px;cursor:pointer;transition:all .18s ease}.editor-mode-btn.is-active{background:linear-gradient(135deg,rgba(79,70,229,.9),rgba(124,58,237,.9));color:#f8fafc;box-shadow:0 10px 24px rgba(94,73,255,.35)}.editor-mode-btn:not(.is-active):hover{color:rgba(226,232,240,.9)}.editor-toolbar-actions{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.editor-status{display:flex;align-items:center;gap:12px;color:rgba(148,163,184,.7);font-size:13px}.editor-surface{border-radius:20px;border:1px solid rgba(148,163,184,.16);background:rgba(12,15,24,.82);min-height:520px;padding:0;overflow:hidden;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.04)}.editor-area{width:100%;min-height:520px;padding:24px 28px;border:none;background:transparent;color:#f8fafc;font-size:16px;line-height:1.75;resize:none;outline:none}.editor-area-rich{overflow-y:auto}.editor-area-md{font-family:JetBrains Mono,Monaco,Consolas,Courier New,monospace;white-space:pre-wrap}.editor-area-md::-webkit-scrollbar,.editor-area-rich::-webkit-scrollbar{width:8px}.editor-area-md::-webkit-scrollbar-thumb,.editor-area-rich::-webkit-scrollbar-thumb{background:rgba(79,70,229,.35);border-radius:999px}@media (max-width:1100px){.editor-frame{flex-direction:column}.editor-sidebar{flex:0 0 auto;border-right:none;border-bottom:1px solid hsla(0,0%,100%,.05)}}@media (max-width:768px){.editor-shell{padding:32px 16px}.editor-main{padding:24px 20px 32px}.editor-topbar,.quick-add-actions{flex-direction:column;align-items:stretch}.quick-add-feedback{text-align:center}.editor-toolbar{flex-direction:column;align-items:stretch}.editor-toolbar-actions{width:100%;justify-content:space-between}.editor-primary-btn,.editor-secondary-btn{width:100%}}.editor-container{display:flex;flex-direction:column;height:100vh;background-color:#1e1e1e;color:#fff}.bmb-tree__header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px 12px;border-bottom:1px solid hsla(0,0%,100%,.06);flex-shrink:0}.bmb-tree__header h3{font-size:18px;font-weight:600;letter-spacing:.4px;color:hsla(0,0%,100%,.92);margin:0}.bmb-tree__header .close-btn{background:transparent;border:none;color:hsla(0,0%,100%,.6);font-size:20px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s;line-height:1}.bmb-tree__header .close-btn:hover{background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.9)}.tree-actions{display:flex;gap:8px;padding:16px 20px;border-bottom:1px solid hsla(0,0%,100%,.1)}.action-btn{flex:1;padding:8px 16px;background:transparent;border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:hsla(0,0%,100%,.8);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.action-btn:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.3)}.action-btn-primary{background:rgba(79,70,229,.15);border-color:rgba(79,70,229,.4);color:#a5b4fc}.action-btn-primary:hover{background:rgba(79,70,229,.25);border-color:rgba(79,70,229,.6)}.tree-project{padding:0 24px 20px;border-bottom:1px solid hsla(0,0%,100%,.06);flex-shrink:0}.project-name-wrapper{display:flex;align-items:center;gap:10px;background:rgba(32,34,42,.85);padding:14px 18px;border-radius:10px;border:1px solid hsla(0,0%,100%,.08)}.project-name{font-size:14px;font-weight:600;color:hsla(0,0%,100%,.9)}.bmb-tree__add-page-btn{background:rgba(79,70,229,.18);border:1px solid rgba(99,102,241,.45);padding:8px 16px;border-radius:8px;color:#c7ccff;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.bmb-tree__add-page-btn:hover{background:rgba(99,102,241,.22);border-color:rgba(99,102,241,.6);color:#e2e5ff}.bmb-tree__list{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 0 24px;min-height:0}.bmb-tree__list ol{list-style:none;margin:0;padding:0}.bmb-tree__chapter-item{background-color:transparent;border-bottom:1px solid hsla(0,0%,100%,.04)}.bmb-tree__chapter-header.bmb-tree__dragging,.bmb-tree__page-item.bmb-tree__dragging,.bmb-tree__section-item.bmb-tree__dragging{opacity:.5;cursor:grabbing}.bmb-tree__chapter-header.bmb-tree__drag-over,.bmb-tree__page-item.bmb-tree__drag-over,.bmb-tree__section-item.bmb-tree__drag-over{background:rgba(79,70,229,.25);border-color:rgba(99,102,241,.8)}.bmb-tree__chapter-header[draggable=true],.bmb-tree__page-item[draggable=true],.bmb-tree__section-item[draggable=true]{cursor:grab}.bmb-tree__chapter-header{display:flex;align-items:center;justify-content:space-between;padding:16px 8px;cursor:pointer;gap:8px;transition:background-color .2s ease,border-color .2s ease}.bmb-tree__chapter-header:hover{background-color:hsla(0,0%,100%,.03)}.bmb-tree__chapter-title{font-size:12px;font-weight:600;color:hsla(0,0%,100%,.92)}.bmb-tree__add-section-btn{background:transparent;border:1px solid hsla(0,0%,100%,.2);padding:4px 10px;border-radius:6px;color:hsla(0,0%,100%,.6);font-size:11px;cursor:pointer;transition:all .2s;white-space:nowrap;opacity:0}.bmb-tree__chapter-header.bmb-tree__is-expanded{background-color:hsla(0,0%,100%,.02)}.bmb-tree__node-main{display:flex;align-items:center;gap:12px;flex:1;min-height:24px}.bmb-tree__node-text{display:flex;flex-direction:column;gap:3px}.bmb-tree__node-meta{font-size:10px;color:hsla(0,0%,100%,.45)}.bmb-tree__chevron{display:inline-flex;align-items:center;justify-content:center;width:18px;font-size:12px;color:hsla(0,0%,100%,.5)}.bmb-tree__node-actions{display:flex;align-items:center;gap:6px}.bmb-tree__pill-btn{padding:6px 12px;border-radius:20px;border:1px solid rgba(99,102,241,.4);background:rgba(79,70,229,.15);color:#c7ccff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.bmb-tree__pill-btn:hover{background:rgba(99,102,241,.25);border-color:rgba(99,102,241,.6);color:#eef1ff}.bmb-tree__pill-btn:disabled{opacity:.6;cursor:not-allowed}.bmb-tree__icon-btn{width:28px;height:28px;border-radius:8px;border:1px solid transparent;background:hsla(0,0%,100%,.04);color:hsla(0,0%,100%,.55);display:inline-flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:all .2s}.bmb-tree__icon-btn:hover{background:hsla(0,0%,100%,.07);color:hsla(0,0%,100%,.85)}.bmb-tree__icon-btn:disabled{opacity:.5;cursor:not-allowed}.bmb-tree__sections-container{padding:12px 24px 12px 20px;display:flex;flex-direction:column;gap:8px;width:100%}.bmb-tree__topic-wrapper{position:relative}.bmb-tree__section-item{background:rgba(40,42,52,.65);border:1px solid hsla(0,0%,100%,.07);border-radius:10px;padding:6px 8px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;display:flex;justify-content:space-between;align-items:center}.bmb-tree__section-item:hover{background:rgba(79,70,229,.16);border-color:rgba(99,102,241,.45)}.bmb-tree__section-item.bmb-tree__has-selected{background:rgba(79,70,229,.22);border-color:rgba(99,102,241,.6)}.bmb-tree__section-header{display:flex;gap:10px;justify-content:space-between;width:100%}.bmb-tree__section-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;font-size:12px;color:hsla(0,0%,100%,.55)}.bmb-tree__section-text{display:flex;flex-direction:column;gap:3px;flex-grow:1}.bmb-tree__section-title{font-size:12px;color:hsla(0,0%,100%,.9)}.bmb-tree__topic-item-header{display:flex;align-items:center;gap:6px;cursor:pointer;flex:1}.bmb-tree__topic-item-header span:first-child{font-size:10px;opacity:.7}.bmb-tree__pages-list{margin-top:8px;padding:6px 0 0 22px;border-left:1px dashed hsla(0,0%,100%,.08);display:flex;flex-direction:column;gap:4px}.bmb-tree__empty-pages{padding:10px;border-radius:8px;background:hsla(0,0%,100%,.02);border:1px dashed hsla(0,0%,100%,.08)}.bmb-tree__add-first-page-btn{width:100%;padding:8px 12px;background:transparent;border:1px dashed hsla(0,0%,100%,.18);border-radius:6px;color:hsla(0,0%,100%,.55);font-size:12px;cursor:pointer;transition:all .2s}.bmb-tree__add-first-page-btn:hover{background:rgba(99,102,241,.18);border-color:rgba(99,102,241,.4);color:hsla(0,0%,100%,.92)}.bmb-tree__page-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;border-radius:8px;font-size:13px;color:hsla(0,0%,100%,.82);cursor:pointer;transition:background-color .2s ease,border-color .2s ease;border:1px solid transparent}.bmb-tree__page-item:hover{background-color:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.08)}.bmb-tree__page-item.bmb-tree__selected{background:rgba(99,102,241,.22);border-color:rgba(99,102,241,.45);color:hsla(0,0%,100%,.97);font-weight:600}.bmb-tree__page-main{display:flex;align-items:center;gap:10px}.bmb-tree__page-icon{display:inline-flex;width:8px;height:8px;border-radius:50%;background:hsla(0,0%,100%,.6)}.bmb-tree__page-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.bmb-tree__empty-section{padding:12px;border-radius:10px;background:hsla(0,0%,100%,.02);border:1px dashed hsla(0,0%,100%,.08)}.bmb-tree__add-first-section-btn{width:100%;padding:10px 12px;background:transparent;border:1px dashed hsla(0,0%,100%,.18);border-radius:6px;color:hsla(0,0%,100%,.55);font-size:12px;cursor:pointer;transition:all .2s}.bmb-tree__add-first-section-btn:hover{background:rgba(99,102,241,.16);border-color:rgba(99,102,241,.38);color:hsla(0,0%,100%,.9)}.tree-context-menu__backdrop{position:fixed;inset:0;background:transparent;z-index:98}.tree-context-menu{position:fixed;min-width:200px;padding:8px;border-radius:12px;background:rgba(18,18,24,.96);border:1px solid hsla(0,0%,100%,.08);box-shadow:0 18px 36px rgba(0,0,0,.35);z-index:99;display:flex;flex-direction:column;gap:2px}.tree-context-menu__item{padding:10px 12px;border-radius:8px;border:none;background:transparent;font-size:13px;color:hsla(0,0%,100%,.82);text-align:left;cursor:pointer;transition:background-color .2s ease,color .2s ease}.tree-context-menu__item:hover{background:rgba(99,102,241,.16);color:hsla(0,0%,100%,.95)}.tree-context-menu__item:disabled{opacity:.6;cursor:wait}.tree-context-menu__item--danger{color:#f87171}.tree-context-menu__item--danger:hover{background:hsla(0,91%,71%,.15);color:#fecaca}.app-shell{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;position:fixed;top:0;left:0;background-color:#353535;color:hsla(0,0%,100%,.92)}.app-shell__content{flex:1;display:flex;height:calc(100vh - 64px);overflow:hidden}.sidebar{display:flex;flex-shrink:0;height:100%;overflow:hidden;border-right:1px solid hsla(0,0%,100%,.07)}.sidebar.sidebar--expanded .sidebar-panel{width:249px}.sidebar-icons{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:40px;padding:0 6px;border-right:1px solid hsla(0,0%,100%,.16);flex-shrink:0}.sidebar-icons button{display:inline-flex;width:32px;height:32px;margin:4px 0;border:none;border-radius:6px;background:transparent;color:hsla(0,0%,100%,.65);align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,color .2s ease}.sidebar-icons button svg{width:20px;height:20px}.sidebar-icons button.active,.sidebar-icons button:hover{background:#4c4c4c;color:#e2e5ff}.sidebar-icons .divider{width:28px;height:1px;background:hsla(0,0%,100%,.1)}.sidebar-icons .bottom,.sidebar-icons .section{display:flex;flex-direction:column;gap:4px;width:100%;align-items:center}.sidebar-icons .bottom{margin-top:auto;padding-top:12px;border-top:1px solid hsla(0,0%,100%,.1)}.sidebar-icons .bottom button{display:inline-flex;width:32px;height:32px;margin:4px 0;border:none;border-radius:6px;background:transparent;color:hsla(0,0%,100%,.65);align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,color .2s ease}.sidebar-icons .bottom button:hover{background:rgba(99,102,241,.22);color:#e2e5ff}.sidebar-icons .bottom button svg{width:20px;height:20px}.sidebar-panel{flex:0 0 auto;display:flex;flex-direction:column;height:100%;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid hsla(0,0%,100%,.08)}.panel-header__title{font-size:16px;font-weight:600;color:hsla(0,0%,100%,.92);margin:0}.panel-header__close{background:none;border:none;color:hsla(0,0%,100%,.5);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.panel-header__close:hover{color:hsla(0,0%,100%,.8)}.panel-content{flex:1;overflow-y:auto;padding:20px}.settings-section{margin-bottom:24px}.settings-section__title{font-size:14px;font-weight:600;color:hsla(0,0%,100%,.7);margin:0 0 12px;text-transform:uppercase;letter-spacing:.05em}.settings-item{margin-bottom:16px;display:flex;flex-direction:column;gap:8px}.settings-item__label{font-size:14px;color:hsla(0,0%,100%,.8)}.settings-item__select{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.9);padding:8px 12px;border-radius:6px;font-size:14px}.settings-item__checkbox{width:20px;height:20px;align-self:flex-start}.video-list{display:flex;flex-direction:column;gap:12px}.video-item{display:flex;gap:12px;padding:12px;background:hsla(0,0%,100%,.03);border-radius:8px;cursor:pointer;transition:background .2s}.video-item:hover{background:hsla(0,0%,100%,.06)}.video-item__thumbnail{flex-shrink:0;width:80px;height:60px;background:hsla(0,0%,100%,.05);border-radius:4px;display:flex;align-items:center;justify-content:center}.video-item__content{flex:1;display:flex;flex-direction:column;justify-content:center}.video-item__title{font-size:14px;color:hsla(0,0%,100%,.9);margin:0 0 4px}.video-item__duration{font-size:12px;color:hsla(0,0%,100%,.5);margin:0}.account-panel{gap:24px}.account-panel,.account-profile{display:flex;flex-direction:column}.account-profile{align-items:center;padding:24px 0;background:rgba(12,14,22,.65);border:1px solid rgba(148,163,184,.18);border-radius:14px;gap:16px}.account-profile__avatar{width:96px;height:96px;background:radial-gradient(circle at top,rgba(99,102,241,.35),rgba(37,42,61,.9));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#c7d2fe}.account-profile__avatar svg{width:56px;height:56px}.account-profile__meta{display:flex;flex-direction:column;align-items:center;gap:6px}.ai-outline-summary{display:flex;flex-direction:column;gap:16px;padding:20px;background:rgba(12,14,22,.6);border:1px solid rgba(148,163,184,.2);border-radius:16px;text-align:center}.ai-outline-summary__badge{display:inline-flex;align-self:center;padding:6px 14px;border-radius:999px;background:rgba(16,185,129,.18);color:#6ee7b7;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.ai-outline-summary__meta{margin:0;color:rgba(241,245,249,.82);font-size:14px}.ai-outline-summary__actions{display:flex;justify-content:center;gap:12px}.form-field__label{font-size:13px;font-weight:500;color:rgba(226,232,240,.82)}.form-field input[type=range],.form-field select,.form-field textarea{width:100%;background-color:rgba(12,14,22,.7);border:1px solid rgba(148,163,184,.24);border-radius:12px;padding:12px;color:rgba(226,232,240,.92);font-size:14px;resize:vertical}.form-field input[type=range]:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:rgba(99,102,241,.5);box-shadow:0 0 0 2px rgba(99,102,241,.15)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.form-hint{margin-top:6px;color:rgba(148,163,184,.7)}.form-error{margin-top:12px;background-color:rgba(239,68,68,.16);font-size:13px}.account-profile__name{font-size:18px;font-weight:600;color:hsla(0,0%,100%,.9);margin:0}.account-profile__email{font-size:14px;color:rgba(148,163,184,.84);margin:0}.account-upload-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:1px dashed rgba(129,140,248,.55);border-radius:999px;background:rgba(79,70,229,.15);color:#c7d2fe;font-size:13px;cursor:pointer;transition:all .2s ease}.account-upload-btn:hover{background:rgba(99,102,241,.25);border-color:rgba(129,140,248,.7);color:#e0e7ff}.account-section{display:flex;flex-direction:column;gap:16px;padding:0}.account-section__header{display:flex;flex-direction:column;gap:6px}.account-section__header h3{margin:0;font-size:16px;font-weight:600;color:hsla(0,0%,100%,.92)}.account-section__header p{margin:0;font-size:13px;color:rgba(148,163,184,.75)}.account-form{display:flex;flex-direction:column;gap:16px;background:rgba(12,14,22,.55);border:1px solid rgba(148,163,184,.18);border-radius:14px;padding:18px}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.account-field{display:flex;flex-direction:column;gap:6px}.account-field--full{grid-column:1/-1}.account-field--compact{flex:1}.account-field label{font-size:13px;font-weight:500;color:rgba(203,213,225,.9)}.account-field input,.account-field select,.account-field textarea{width:100%;padding:10px 12px;border:1px solid rgba(148,163,184,.25);border-radius:10px;background:rgba(15,19,29,.85);color:rgba(226,232,240,.92);font-size:14px;transition:border-color .2s ease,background .2s ease}.account-field input:focus,.account-field select:focus,.account-field textarea:focus{outline:none;border-color:rgba(129,140,248,.6);background:#0f131d}.account-field textarea{resize:vertical;min-height:90px}.account-form-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px}.account-danger-btn,.account-primary-btn,.account-secondary-btn{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:10px;padding:10px 16px}.account-primary-btn{background:linear-gradient(135deg,rgba(99,102,241,.9),rgba(129,140,248,.9));border:1px solid rgba(129,140,248,.75);color:#fff}.account-primary-btn:hover{background:linear-gradient(135deg,#6366f1,rgba(148,163,255,.95));border-color:rgba(148,163,255,.9);box-shadow:0 10px 20px rgba(79,70,229,.35)}.account-secondary-btn{background:rgba(17,19,27,.9);border:1px solid rgba(71,85,105,.5);color:rgba(203,213,225,.88)}.account-secondary-btn:hover{background:rgba(30,34,45,.95);border-color:rgba(99,102,241,.4);color:#e0e7ff}.account-card{background:rgba(12,14,22,.65);border:1px solid rgba(148,163,184,.18);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:16px}.account-card--danger{border-color:hsla(0,91%,71%,.4);background:rgba(127,29,29,.12)}.account-toggle{position:relative;display:flex;align-items:center;gap:12px}.account-toggle--stacked{align-items:flex-start}.account-toggle input{position:absolute;opacity:0;width:44px;height:24px;cursor:pointer}.account-toggle__indicator{width:44px;height:24px;border-radius:12px;background:rgba(71,85,105,.45);border:1px solid rgba(148,163,184,.35);transition:all .2s ease;position:relative}.account-toggle__indicator:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:rgba(226,232,240,.95);transition:transform .2s ease}.account-toggle input:checked+.account-toggle__indicator{background:linear-gradient(135deg,rgba(99,102,241,.85),rgba(129,140,248,.85));border-color:rgba(129,140,248,.8)}.account-toggle input:checked+.account-toggle__indicator:after{transform:translateX(20px)}.account-toggle__content{display:flex;flex-direction:column;gap:4px}.account-toggle__content label{font-size:14px;font-weight:500;color:rgba(226,232,240,.92)}.account-toggle__content p{font-size:12px;color:rgba(148,163,184,.75);margin:0}.share-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.share-modal{background:#1a1a1a;border-radius:4px;width:100%;max-width:500px;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:modalSlideIn .3s ease}.share-modal--sm{max-width:400px}.share-modal--lg{max-width:800px}.share-modal-header{display:flex;align-items:center;justify-content:space-between;padding:4px 16px;border-bottom:1px solid hsla(0,0%,100%,.1)}.share-modal-header h2{font-size:12px;font-weight:600;color:hsla(0,0%,100%,.95);margin:0}.share-modal-close{background:none;border:none;color:hsla(0,0%,100%,.6);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.share-modal-close:hover{color:hsla(0,0%,100%,.9)}.share-modal-body{padding:24px 16px}.public-site-wrapper{min-height:100vh;background:#fff;display:flex;flex-direction:column}.public-site-header{position:sticky;top:0;z-index:1000;background:hsla(0,0%,100%,.98);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.08);padding:12px 20px;display:flex;align-items:center;gap:16px}.public-site-menu-btn{display:none;width:36px;height:36px;border:none;background:transparent;cursor:pointer;padding:6px;border-radius:8px;transition:background .2s}.public-site-menu-btn:hover{background:rgba(0,0,0,.05)}.public-site-menu-btn svg{width:24px;height:24px;stroke:#2d3748}.public-site-header-info{flex:1;display:flex;align-items:center;gap:12px}.public-site-title{font-size:18px;font-weight:600;color:#1a202c;margin:0}.public-site-badge{padding:4px 10px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:20px}.public-site-header-actions{display:flex;gap:8px}.public-site-action-btn{width:36px;height:36px;border:none;background:transparent;cursor:pointer;padding:6px;border-radius:8px;transition:background .2s}.public-site-action-btn:hover{background:rgba(0,0,0,.05)}.public-site-action-btn svg{width:20px;height:20px;stroke:#4a5568}.public-site-layout{flex:1;display:flex;overflow:hidden;height:calc(100vh - 57px)}.public-site-sidebar{width:280px;background:#f8fafc;border-right:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;flex-shrink:0;transition:transform .3s ease;height:100svh;overflow:hidden;position:fixed;left:0;top:60px}.public-site-sidebar-header{padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:space-between}.public-site-sidebar-header h2{font-size:13px;font-weight:600;color:#64748b;margin:0;text-transform:uppercase;letter-spacing:.5px}.public-site-close-btn{display:none;width:28px;height:28px;border:none;background:transparent;cursor:pointer;padding:4px;border-radius:6px}.public-site-close-btn:hover{background:rgba(0,0,0,.05)}.public-site-close-btn svg{width:20px;height:20px;stroke:#64748b}.public-site-search{padding:12px 16px;position:relative;border-bottom:1px solid rgba(0,0,0,.06)}.public-site-search-input{width:100%;padding:8px 12px 8px 36px;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:13px;background:#fff}.public-site-search-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.1)}.public-site-search-icon{position:absolute;left:28px;top:50%;transform:translateY(-50%);width:16px;height:16px;stroke:#94a3b8;pointer-events:none}.public-site-nav{flex:1;overflow-y:auto;padding:12px 0}.public-site-search-results{padding:0 16px}.public-site-search-label{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;margin-bottom:8px}.public-site-search-item{display:block;width:100%;text-align:left;padding:8px 12px;margin-bottom:2px;border:none;background:transparent;font-size:13px;color:#475569;border-radius:6px;cursor:pointer;transition:all .15s}.public-site-search-item:hover{background:rgba(16,185,129,.08);color:#059669}.public-site-search-item.active{background:#10b981;color:#fff}.public-site-page-group{margin:0 8px 4px}.public-site-page-toggle{display:flex;align-items:center;width:100%;padding:10px 12px;border:none;background:#fff;border-radius:8px;font-size:13px;font-weight:500;color:#1e293b;cursor:pointer;transition:all .15s;gap:8px;text-align:left;border:1px solid rgba(0,0,0,.06)}.public-site-page-toggle:hover{border-color:rgba(16,185,129,.3)}.public-site-page-toggle.expanded{background:rgba(16,185,129,.05);border-color:rgba(16,185,129,.2)}.public-site-toggle-icon{width:14px;height:14px;flex-shrink:0;stroke:#64748b}.public-site-page-toggle span:not(.public-site-count){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-site-count{padding:2px 8px;background:rgba(0,0,0,.06);border-radius:10px;font-size:11px;font-weight:600;color:#64748b}.public-site-sections{margin:4px 0 0 20px;padding:4px 0}.public-site-section-btn{display:flex;align-items:center;width:100%;padding:8px 12px;border:none;background:transparent;font-size:13px;color:#475569;cursor:pointer;transition:all .15s;gap:8px;border-radius:6px;text-align:left}.public-site-section-btn:hover{background:rgba(16,185,129,.08);color:#059669}.public-site-section-btn.active{background:#10b981;color:#fff}.public-site-section-dot{width:4px;height:4px;background:currentColor;border-radius:50%;opacity:.5}.public-site-section-btn.active .public-site-section-dot{opacity:1}.public-site-content{flex:1;overflow-y:auto;overflow-x:hidden;background:#f5f5f0;height:100%;margin-left:280px}.public-site-preview{width:100%;min-height:100%}.public-site-iframe{width:100%;min-height:calc(100vh - 57px);border:none;display:block;background:#fff}.public-site-empty{min-height:400px;color:#94a3b8;font-size:14px}.public-site-empty,.public-site-welcome{display:flex;align-items:center;justify-content:center}.public-site-welcome{flex-direction:column;min-height:60vh;padding:48px 24px;text-align:center}.public-site-welcome-icon{width:64px;height:64px;stroke:#cbd5e1;margin-bottom:20px}.public-site-welcome h2{font-size:24px;font-weight:600;color:#1e293b;margin:0 0 8px}.public-site-welcome p{font-size:14px;color:#64748b;margin:0}.public-site-error,.public-site-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#10b981,#059669)}.public-site-error-box,.public-site-loader{background:#fff;border-radius:16px;padding:48px;box-shadow:0 20px 40px rgba(0,0,0,.1);text-align:center}.public-site-spinner{width:40px;height:40px;border:3px solid rgba(16,185,129,.2);border-top-color:#10b981;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.public-site-loader p{font-size:14px;color:#64748b;margin:0}.public-site-error-icon{width:48px;height:48px;stroke:#ef4444;margin:0 auto 20px}.public-site-error-box h1{font-size:24px;font-weight:600;color:#1e293b;margin:0 0 8px}.public-site-error-box p{font-size:14px;color:#64748b;margin:0 0 24px}.public-site-home-btn{display:inline-block;padding:10px 20px;background:#10b981;color:#fff;text-decoration:none;border-radius:8px;font-weight:500;font-size:14px;transition:background .2s}.public-site-home-btn:hover{background:#059669}.public-site-backdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:998}@media (max-width:1024px){.public-site-sidebar{top:0;height:100vh;z-index:999;transform:translateX(-100%);box-shadow:2px 0 10px rgba(0,0,0,.1)}.public-site-sidebar.open{transform:translateX(0)}.public-site-content{margin-left:0}.public-site-backdrop,.public-site-close-btn,.public-site-menu-btn{display:block}}@media (max-width:640px){.public-site-header{padding:10px 16px}.public-site-title{font-size:16px}.public-site-badge{display:none}.public-site-sidebar{width:100%}}.preview-panel{min-width:0;border-right:1px solid hsla(0,0%,100%,.07)}.preview-body,.preview-panel{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden}.preview-body{background:#f5f5f0}.sitemap-canvas,.style-guide-canvas{flex:1;overflow:auto;background:#1a1c22;padding:24px}.editor-panel-group{flex:1;display:flex;height:100%;overflow:hidden}.panel-resize-handle{width:4px;background:hsla(0,0%,100%,.06);cursor:col-resize;transition:background .15s ease;position:relative;flex-shrink:0}.panel-resize-handle:hover,.panel-resize-handle[data-resize-handle-active]{background:rgba(99,102,241,.6)}.panel-resize-handle:before{content:"";position:absolute;top:0;left:-4px;right:-4px;bottom:0}.chat-resizer{width:4px;cursor:col-resize;transition:background .15s ease;position:relative}.chat-resizer.active,.chat-resizer:hover{background:rgba(99,102,241,.5)}.chat-container.open{width:100%;height:100%}.canvas-tabs-nav{gap:8px;margin-left:16px}.canvas-nav-btn{display:inline-flex;position:relative;height:24px;padding:4px 8px;border:none;border-radius:4px;background:transparent;color:hsla(0,0%,93%,.67);font-size:11.5px;line-height:16px;white-space:nowrap;justify-content:center;align-items:center;gap:4px;cursor:pointer;transition:all .15s ease}.canvas-nav-btn:hover{color:#ededed;background:hsla(0,0%,100%,.06)}.canvas-nav-btn.active{color:#ededed;background:hsla(0,0%,100%,.1)}.canvas-nav-btn__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.canvas-nav-btn__icon,.canvas-nav-btn__icon svg{width:16px;height:16px}.canvas-nav-btn__label{margin-left:4px;overflow:hidden;transition:width .2s ease-in-out,opacity .1s ease-in-out}@media (max-width:1200px){.canvas-nav-btn__label{display:none}.canvas-nav-btn{padding:4px 6px}}.canvas-bar-left,.canvas-bar-right{display:flex;align-items:center;gap:12px}.canvas-bar-editor-controls{gap:16px}.notes-panel{display:flex;flex-direction:column;height:100%;color:hsla(0,0%,100%,.92);position:relative}.notes-panel button:disabled{opacity:.6;cursor:not-allowed}.ai-panel{height:100%;overflow-y:auto}.ai-form,.ai-panel{display:flex;flex-direction:column;gap:20px}.ai-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;min-height:300px}.ai-empty-state__icon{color:rgba(99,102,241,.6);margin-bottom:20px;opacity:.7}.ai-empty-state__title{margin:0 0 12px;font-size:18px;font-weight:600;color:hsla(0,0%,100%,.92)}.ai-empty-state__description{margin:0;font-size:14px;line-height:1.6;color:rgba(148,163,184,.8);max-width:280px}.ai-form__context{background:rgba(12,14,22,.7);border:1px solid rgba(148,163,184,.15);border-radius:12px;overflow:hidden;transition:all .2s ease}.ai-form__context.bmb-tree__expanded{border-color:rgba(99,102,241,.3)}.ai-form__context-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:transparent;border:none;cursor:pointer;transition:background-color .2s ease;color:rgba(226,232,240,.9)}.ai-form__context-toggle:hover{background:hsla(0,0%,100%,.03)}.ai-form__context-header{display:flex;align-items:center;gap:10px}.ai-form__context-icon{color:rgba(99,102,241,.7);display:flex;align-items:center}.ai-form__context-title{font-size:13px;font-weight:600;color:rgba(226,232,240,.9)}.ai-form__context-chevron{color:rgba(148,163,184,.6);transition:transform .2s ease}.ai-form__context-chevron.bmb-tree__expanded{transform:rotate(180deg)}.ai-form__context-content{padding:0 16px 16px;display:flex;flex-direction:column;gap:12px;animation:slideDown .2s ease}.ai-form__context-item{display:flex;align-items:flex-start;gap:10px;padding:10px;background:rgba(20,22,30,.5);border-radius:8px;border:1px solid rgba(148,163,184,.1)}.ai-form__context-item-icon{color:rgba(99,102,241,.6);flex-shrink:0;margin-top:2px}.ai-form__context-item-content{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.ai-form__context-item-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:rgba(148,163,184,.7)}.ai-form__context-item-value{font-size:12px;color:rgba(226,232,240,.85);word-break:break-all}.ai-form__context-item--builder{background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.25);border-radius:8px;padding:10px 12px;position:relative}.ai-form__context-item--builder .ai-form__context-item-icon,.ai-form__context-item--builder .ai-form__context-item-label{color:rgba(99,102,241,.9)}.ai-form__context-item-remove{position:absolute;top:6px;right:6px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:rgba(148,163,184,.6);cursor:pointer;transition:all .15s ease}.ai-form__context-item-remove:hover{background:rgba(239,68,68,.15);color:rgba(239,68,68,.9)}.ai-action-mode-selector{display:flex;gap:8px;margin-bottom:12px;padding:4px;background:rgba(12,14,22,.6);border-radius:10px;border:1px solid rgba(148,163,184,.1)}.ai-action-mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:transparent;border:none;border-radius:8px;color:rgba(148,163,184,.7);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.ai-action-mode-btn:hover{background:hsla(0,0%,100%,.05);color:rgba(226,232,240,.9)}.ai-action-mode-btn.active{background:rgba(99,102,241,.15);color:#6366f1;font-weight:600}.ai-action-mode-btn svg{flex-shrink:0}.ai-form__context-auto{margin-bottom:16px}.ai-form__context-item--generate{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.25);border-radius:8px;padding:10px 12px;position:relative;display:flex;align-items:flex-start;gap:10px}.ai-form__context-item--generate .ai-form__context-item-icon,.ai-form__context-item--generate .ai-form__context-item-label{color:rgba(34,197,94,.9)}.ai-form__context-item--modify{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.25);border-radius:8px;padding:10px 12px;position:relative;display:flex;align-items:flex-start;gap:10px}.ai-form__context-item--modify .ai-form__context-item-icon,.ai-form__context-item--modify .ai-form__context-item-label{color:rgba(59,130,246,.9)}.ai-form__context-empty{display:flex;align-items:center;gap:10px;padding:12px 14px;background:rgba(12,14,22,.5);border:1px dashed rgba(148,163,184,.2);border-radius:8px;color:rgba(148,163,184,.6);font-size:12px}.ai-form__context-empty svg{flex-shrink:0;opacity:.5}.ai-form__input{display:flex;flex-direction:column;gap:8px}.ai-form__input label{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;color:rgba(226,232,240,.9)}.ai-form__char-count{font-size:11px;font-weight:500;color:rgba(148,163,184,.7)}.ai-form__input textarea{width:100%;min-height:140px;padding:14px 16px;background:rgba(14,16,22,.7);border:1px solid rgba(148,163,184,.2);border-radius:10px;color:hsla(0,0%,100%,.9);font-size:14px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;resize:vertical;transition:all .2s ease}.ai-form__input textarea:focus{outline:none;border-color:rgba(99,102,241,.5);background:rgba(14,16,22,.85);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.ai-form__input textarea:disabled{opacity:.6;cursor:not-allowed}.ai-form__input textarea::-moz-placeholder{color:rgba(148,163,184,.5)}.ai-form__input textarea::placeholder{color:rgba(148,163,184,.5)}.ai-form__message{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;font-size:13px;line-height:1.5;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ai-form__message-icon{flex-shrink:0;display:flex;align-items:center}.ai-form__message.success{background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.25);color:#6ee7b7}.ai-form__message.error{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.25);color:#fca5a5}.ai-form__actions{display:flex;gap:12px;justify-content:space-between}.ai-form__clear-btn,.ai-form__submit-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;border-radius:10px;transition:all .2s ease;border:none;cursor:pointer}.ai-form__clear-btn{background:rgba(31,36,48,.8);color:#e8eef2;border:1px solid hsla(0,0%,100%,.1)}.ai-form__clear-btn:hover:not(:disabled){background:#1f2430;border-color:hsla(0,0%,100%,.2);transform:translateY(-1px)}.ai-form__submit-btn{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;flex:1;justify-content:center}.ai-form__submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(79,70,229,.3)}.ai-form__submit-btn:disabled{opacity:.7;cursor:not-allowed}.ai-form__spinner{animation:spin 1s linear infinite}.ai-form__preview{display:flex;flex-direction:column;gap:12px;padding:20px;background:rgba(12,14,22,.6);border:1px solid rgba(99,102,241,.2);border-radius:12px;animation:slideIn .3s ease}.ai-form__preview-header{display:flex;align-items:center;justify-content:space-between}.ai-form__preview-header label{font-size:14px;font-weight:600;color:rgba(226,232,240,.9)}.ai-form__copy-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.3);border-radius:6px;color:#c7d2fe;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.ai-form__copy-btn:hover{background:rgba(99,102,241,.25);border-color:rgba(99,102,241,.4);transform:translateY(-1px)}.ai-form__preview-content{background:rgba(14,16,22,.8);border:1px solid rgba(148,163,184,.15);border-radius:10px;padding:16px;max-height:400px;overflow-y:auto}.ai-form__preview-text{margin:0;padding:0;font-size:14px;line-height:1.7;color:rgba(226,232,240,.92);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,monospace;white-space:pre-wrap;word-wrap:break-word}.ai-form__preview-hint{display:flex;align-items:center;gap:8px;margin:0;font-size:12px;color:rgba(148,163,184,.7);line-height:1.5}.ai-form__preview-hint svg{flex-shrink:0;color:rgba(99,102,241,.6)}.ai-mode-selector{padding:8px;background:rgba(12,14,22,.6);border:1px solid rgba(148,163,184,.15)}.ai-mode-btn{padding:10px 16px}.ai-mode-btn:hover{background:hsla(0,0%,100%,.05);color:rgba(226,232,240,.9)}.ai-mode-btn.active{background:rgba(99,102,241,.15);border-color:rgba(99,102,241,.3)}.ai-mode-btn svg{flex-shrink:0}.ai-chat-container{display:flex;flex-direction:column;height:100%;gap:16px}.ai-chat-messages{flex:1;overflow-y:auto;gap:16px;padding:16px 0;min-height:200px;max-height:500px}.ai-chat-empty,.ai-chat-messages{display:flex;flex-direction:column}.ai-chat-empty{align-items:center;justify-content:center;padding:48px 24px;text-align:center;min-height:300px}.ai-chat-empty__icon{color:rgba(99,102,241,.6);margin-bottom:16px;opacity:.7}.ai-chat-empty__title{margin:0 0 8px;font-size:16px;font-weight:600;color:hsla(0,0%,100%,.92)}.ai-chat-empty__description{margin:0;font-size:13px;line-height:1.6;color:rgba(148,163,184,.8);max-width:280px}.ai-chat-message{display:flex;gap:12px;animation:slideIn .3s ease}.ai-chat-message--user{flex-direction:row-reverse}.ai-chat-message__avatar{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.2);color:#c7d2fe}.ai-chat-message--user .ai-chat-message__avatar{background:rgba(148,163,184,.15);border-color:rgba(148,163,184,.2);color:rgba(226,232,240,.9)}.ai-chat-message__content{flex:1;min-width:0}.ai-chat-message__text{margin:0;padding:12px 16px;background:rgba(14,16,22,.7);border:1px solid rgba(148,163,184,.15);border-radius:12px;font-size:14px;line-height:1.6;color:rgba(226,232,240,.92);word-wrap:break-word}.ai-chat-message--user .ai-chat-message__text{background:rgba(99,102,241,.15);border-color:rgba(99,102,241,.25);color:#c7d2fe}.ai-chat-message__text pre{margin:0;padding:0;font-family:inherit;white-space:pre-wrap;word-wrap:break-word}.ai-chat-message__streaming{display:inline-block}.ai-chat-message__cursor{display:inline-block;animation:blink 1s infinite;color:rgba(99,102,241,.8);font-weight:600;margin-left:2px}.ai-chat-form{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid rgba(148,163,184,.1)}.ai-chat-input{min-height:44px;padding:12px 16px;background:rgba(14,16,22,.7);border:1px solid rgba(148,163,184,.2);border-radius:10px;color:hsla(0,0%,100%,.9);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;transition:all .2s ease}.ai-chat-input:focus{border-color:rgba(99,102,241,.5);background:rgba(14,16,22,.85);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.ai-chat-input:disabled{opacity:.6;cursor:not-allowed}.ai-chat-input::-moz-placeholder{color:rgba(148,163,184,.5)}.ai-chat-input::placeholder{color:rgba(148,163,184,.5)}.ai-chat-send-btn{flex-shrink:0;width:44px;height:44px;background:linear-gradient(135deg,#4f46e5,#6366f1);border-radius:10px}.ai-chat-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(79,70,229,.3)}.ai-chat-send-btn:disabled{opacity:.7}.ai-chat-clear-btn{display:inline-flex;padding:8px 12px;border:1px solid rgba(148,163,184,.2);border-radius:8px;color:rgba(148,163,184,.8);font-weight:500;transition:all .2s ease;align-self:flex-start}.ai-chat-clear-btn:hover{background:hsla(0,0%,100%,.05);border-color:rgba(148,163,184,.3);color:rgba(226,232,240,.9)}.notes-header h3{font-size:18px;color:hsla(0,0%,100%,.92)}.notes-status{font-size:12px}.notes-subtitle{margin:0;font-size:12px;color:hsla(0,0%,100%,.55)}.notes-body::-webkit-scrollbar{width:8px}.notes-body::-webkit-scrollbar-track{background:hsla(0,0%,100%,.03);border-radius:4px}.notes-body::-webkit-scrollbar-thumb{background:rgba(99,102,241,.3);border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.notes-body::-webkit-scrollbar-thumb:hover{background:rgba(99,102,241,.5)}.notes-textarea{padding:16px;background:rgba(14,16,22,.6);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;color:hsla(0,0%,100%,.87);font-size:14px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;line-height:1.6;transition:border-color .2s ease}.notes-textarea:focus{border-color:rgba(99,102,241,.4);background:rgba(14,16,22,.8)}.notes-textarea::-moz-placeholder{color:hsla(0,0%,100%,.35)}.notes-textarea::placeholder{color:hsla(0,0%,100%,.35)}.notes-inline-btn{gap:14px;padding:16px 18px;background:rgba(15,17,25,.5);border:1.5px dashed rgba(99,102,241,.3);border-radius:12px;color:rgba(226,232,240,.9);font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.notes-inline-btn:hover{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.5);border-style:solid;transform:translateY(-2px);box-shadow:0 8px 20px rgba(79,70,229,.15)}.notes-inline-btn__icon{width:40px;height:40px;background:linear-gradient(135deg,rgba(79,70,229,.2),rgba(99,102,241,.15));color:#a5b4fc;flex-shrink:0;transition:all .3s ease}.notes-inline-btn:hover .notes-inline-btn__icon{background:linear-gradient(135deg,rgba(79,70,229,.35),rgba(99,102,241,.25));color:#c7d2fe;transform:scale(1.05)}.notes-inline-btn__content{gap:4px;flex:1}.notes-inline-btn__title{color:rgba(248,250,252,.95)}.notes-inline-btn__hint{font-weight:400;color:rgba(148,163,184,.75);line-height:1.4}.notes-footer{padding:18px 24px;border-top:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.02);backdrop-filter:blur(10px)}.notes-footer-left{display:flex;align-items:center;gap:12px}.notes-info{font-size:12px;color:rgba(148,163,184,.7);font-weight:500}.notes-tab-button{flex:1;padding:10px 14px;background:transparent;border:none;border-radius:8px;color:rgba(148,163,184,.85);font-size:12px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;position:relative}.notes-tab-button svg{width:10px;height:10px;opacity:.7;transition:opacity .25s ease}.notes-tab-button:hover:not(.active){background:hsla(0,0%,100%,.04);color:rgba(226,232,240,.95)}.notes-tab-button:hover:not(.active) svg{opacity:.9}.notes-tab-button.active svg{opacity:1;color:#c7d2fe}.notes-empty{padding:48px 24px;border:1.5px dashed rgba(99,102,241,.25);border-radius:16px;background:rgba(15,17,25,.4);color:rgba(148,163,184,.85);line-height:1.6}.save-notes-btn{padding:10px 18px!important;background:linear-gradient(135deg,#4f46e5,#6366f1)!important;border:none!important;border-radius:10px!important;color:#fff!important;font-size:13px!important;font-weight:600!important;cursor:pointer!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 2px 8px rgba(79,70,229,.25)!important}.save-notes-btn:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 6px 16px rgba(79,70,229,.4)!important}.save-notes-btn:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.resources-section,.todos-section{gap:16px}.settings-tab-content{overflow:hidden}.settings-tab-content .settings-panel{width:100%;min-width:unset;border-left:none;background:transparent}.settings-tab-content .settings-panel-header{padding:12px 16px;background:hsla(0,0%,100%,.03)}.settings-tab-content .settings-panel-content{padding:16px}.settings-empty-state{height:100%;padding:48px 24px}.resource-form{gap:10px;padding:14px;background:rgba(12,14,20,.7);border-radius:12px}.resource-form input,.resource-form textarea,.todo-form input{background:rgba(20,24,32,.8);border-radius:8px;padding:10px 12px;color:hsla(0,0%,100%,.88);transition:border-color .2s ease}.resource-form textarea{min-height:90px}.resource-form input:focus,.resource-form textarea:focus,.todo-form input:focus{border-color:rgba(99,102,241,.4);background:rgba(20,24,32,.95)}.resource-form-actions,.todo-form-actions{gap:10px}.resources-list{gap:14px;padding-bottom:8px}.resource-card{background:linear-gradient(135deg,rgba(14,16,24,.95),rgba(20,22,32,.9));border:1px solid rgba(99,102,241,.2);border-radius:16px;gap:16px;box-shadow:0 4px 12px rgba(8,11,24,.3),inset 0 0 0 1px rgba(99,102,241,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.resource-card:before{top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.5),transparent);transition:opacity .3s ease}.resource-card:hover{transform:translateY(-3px);border-color:rgba(99,102,241,.5);box-shadow:0 12px 32px rgba(79,70,229,.3),inset 0 0 0 1px rgba(99,102,241,.3)}.editor-wrapper{width:100%;background:transparent;overflow:hidden}.rich-editor{flex:1;width:100%;max-width:960px;margin:0 auto;padding:60px 80px 120px;color:#2d3748;font-size:18px;line-height:1.8;letter-spacing:.01em;outline:none;overflow-y:auto;min-height:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;border-radius:4px;cursor:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}.rich-editor h1{font-size:42px;margin:0 0 32px;padding-bottom:16px;line-height:1.2;letter-spacing:-.02em;border-bottom:3px solid #e2e8f0}.rich-editor h1,.rich-editor h2{font-weight:700;color:#1a202c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.rich-editor h2{font-size:32px;margin:48px 0 24px;line-height:1.3;letter-spacing:-.01em}.rich-editor h3{font-size:24px;font-weight:600;margin:36px 0 16px;color:#2d3748;line-height:1.4;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.rich-editor p{margin:0 0 24px;color:#2d3748;text-align:justify;hyphens:auto}.rich-editor ol,.rich-editor ul{margin:0 0 24px 32px;padding:0;color:#2d3748}.rich-editor li{margin-bottom:12px;line-height:1.8}.rich-editor strong{font-weight:600;color:#1a202c}.rich-editor blockquote,.rich-editor em{font-style:italic;color:#4a5568}.rich-editor blockquote{margin:32px 0;padding:20px 28px;border-left:4px solid #4299e1;background:#f7fafc;border-radius:0 8px 8px 0}.rich-editor code{padding:3px 8px;background:#edf2f7;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.88em;color:#d53f8c;border:1px solid #e2e8f0}.rich-editor pre{border-radius:12px;overflow-x:auto;margin:32px 0}.rich-editor pre code{padding:0;background:transparent;color:#e2e8f0;border:none}.rich-editor hr{margin:48px auto;border:none;height:1px;background:linear-gradient(90deg,transparent,#cbd5e0,transparent)}.rich-editor a{color:#3182ce;text-decoration:none;border-bottom:1px solid #90cdf4;transition:all .2s ease}.rich-editor a:hover{color:#2c5282;border-bottom-color:#3182ce}.rich-editor img{max-width:100%;height:auto;border-radius:8px;margin:32px 0;box-shadow:0 4px 12px rgba(0,0,0,.1)}.rich-editor:after{content:"";display:block;height:60px}@media (max-width:991px){.mobile-toggle-btn{display:flex}.mobile-backdrop{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:99;animation:fadeIn .25s ease;-webkit-tap-highlight-color:transparent}.app-shell__content{position:relative}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:100;box-shadow:2px 0 20px rgba(0,0,0,.4)}.sidebar-icons{display:flex;position:relative;z-index:101}.sidebar-panel{position:absolute;left:100%;top:0;bottom:0;width:270px;margin-left:0!important;transform:translateX(0);transition:transform .3s cubic-bezier(.4,0,.2,1);background:#1a1c22;display:flex;flex-direction:column;overflow:hidden}.sidebar.sidebar--expanded .sidebar-panel{width:249px;transform:translateX(-249px)}.chat-container{position:fixed;top:0;right:0;bottom:0;z-index:100;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:-2px 0 20px rgba(0,0,0,.4);width:280px!important}.chat-container.open{transform:translateX(0)}.preview-panel{flex:1;width:100%;margin-left:0}.chat-resizer{display:none}.canvas-bar-group{gap:8px}.breadcrumb{font-size:12px}.chat-container{width:280px}.notes-textarea{font-size:14px}.mobile-toggle-btn{display:none}}.markdown-preview{font-family:var(--font-inter),"Inter","Segoe UI",sans-serif}.account-card__body{display:flex;flex-direction:column;gap:16px}.account-card__body--split{flex-direction:row;justify-content:space-between;align-items:center;gap:16px}.account-api{display:flex;flex-direction:column;gap:6px}.account-api label{font-size:13px;color:rgba(203,213,225,.9)}.account-api__value{font-size:13px;letter-spacing:.08em;color:rgba(226,232,240,.92);background:rgba(15,19,29,.9);border:1px dashed rgba(148,163,184,.3);border-radius:10px;padding:10px 12px}.account-danger-btn{background:rgba(185,28,28,.18);border:1px solid hsla(0,91%,71%,.55);color:#fecaca}.account-danger-btn:hover{background:hsla(0,91%,71%,.18);border-color:hsla(0,91%,71%,.75);color:#fee2e2}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.share-modal-loading{text-align:center;color:hsla(0,0%,100%,.6);padding:20px}.share-modal-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px 16px;color:#fca5a5;margin-bottom:16px}.share-modal-status{display:flex;align-items:center;justify-content:space-between;padding:16px;background:hsla(0,0%,100%,.03);border-radius:12px;margin-bottom:20px}.share-status-info{display:flex;align-items:flex-start;gap:12px}.share-status-info svg{color:#4f46e5;margin-top:2px;flex-shrink:0}.share-status-info h3{font-size:16px;font-weight:600;color:hsla(0,0%,100%,.9);margin:0 0 4px}.share-status-info p{font-size:14px;color:hsla(0,0%,100%,.6);margin:0}.share-toggle-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.share-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.toggle-track{position:relative;width:48px;height:24px;background:hsla(0,0%,100%,.2);border-radius:12px;transition:background .3s}.share-toggle-btn.active .toggle-track{background:#4f46e5}.toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s;box-shadow:0 2px 4px rgba(0,0,0,.2)}.share-toggle-btn.active .toggle-thumb{transform:translateX(24px)}.share-link-section{margin-top:20px}.share-link-section label{display:block;font-size:14px;font-weight:500;color:hsla(0,0%,100%,.7);margin-bottom:8px}.share-link-input-wrapper{display:flex;gap:8px;margin-bottom:8px}.share-link-input{flex:1;padding:10px 14px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:hsla(0,0%,100%,.9);font-size:14px;font-family:monospace}.share-link-input:focus{outline:none;border-color:#4f46e5;background:hsla(0,0%,100%,.08)}.share-copy-btn{padding:10px 16px;background:#4f46e5;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;white-space:nowrap}.share-copy-btn:hover:not(:disabled){background:#6366f1;transform:translateY(-1px)}.share-copy-btn:disabled{opacity:.6;cursor:not-allowed}.share-link-note{font-size:13px;color:hsla(0,0%,100%,.5);margin:8px 0 0}.share-subdomain-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid hsla(0,0%,100%,.08)}.share-subdomain-section label{display:block;font-size:14px;font-weight:600;color:hsla(0,0%,100%,.92);margin-bottom:8px}.share-subdomain-input-wrapper{display:flex;gap:8px;align-items:flex-start}.share-subdomain-prefix{flex:1;display:flex;align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.15);border-radius:8px;padding:0 12px;gap:4px;transition:all .2s}.share-subdomain-prefix:focus-within{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.15);background:hsla(0,0%,100%,.08)}.subdomain-protocol,.subdomain-suffix{font-size:13px;color:hsla(0,0%,100%,.5);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.share-subdomain-input{flex:1;min-width:80px;padding:10px 0;border:none;background:transparent;font-size:14px;color:hsla(0,0%,100%,.92);outline:none}.share-subdomain-input::-moz-placeholder{color:hsla(0,0%,100%,.3)}.share-subdomain-input::placeholder{color:hsla(0,0%,100%,.3)}.share-subdomain-input:disabled{opacity:.6;cursor:not-allowed}.share-subdomain-save-btn{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.share-subdomain-save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.share-subdomain-save-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.share-subdomain-error{font-size:12px;color:#fc8181;margin-top:8px;margin-bottom:0;display:flex;align-items:center;gap:4px}.share-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;background:rgba(79,70,229,.15);border:1px solid rgba(79,70,229,.3);border-radius:6px;color:#818cf8;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.share-btn:hover{background:rgba(79,70,229,.25);border-color:rgba(79,70,229,.5);color:#a5b4fc}.public-book-wrapper{position:relative;min-height:100vh;background:#fff;display:flex;flex-direction:column}.public-book-progress-bar{position:fixed;top:0;left:0;right:0;height:3px;background:rgba(0,0,0,.05);z-index:1001}.public-book-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.public-book-header{position:sticky;top:0;z-index:1000;background:hsla(0,0%,100%,.98);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.08);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.public-book-menu-toggle{display:none;width:40px;height:40px;border:none;background:transparent;cursor:pointer;padding:8px;border-radius:8px;transition:background .2s}.public-book-menu-toggle:hover{background:rgba(0,0,0,.05)}.public-book-menu-toggle svg{width:24px;height:24px;stroke:#2d3748}.public-book-header-info{flex:1;display:flex;align-items:center;gap:12px}.public-book-header-title{font-size:20px;font-weight:600;color:#1a202c;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-book-header-badge{padding:4px 10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:20px}.public-book-header-actions{display:flex;gap:8px}.public-book-header-btn{width:40px;height:40px;border:none;background:transparent;cursor:pointer;padding:8px;border-radius:8px;transition:background .2s}.public-book-header-btn:hover{background:rgba(0,0,0,.05)}.public-book-header-btn svg{width:20px;height:20px;stroke:#4a5568}.public-book-layout{flex:1;display:flex;position:relative;overflow:hidden}.public-book-sidebar{width:320px;background:#fafbfc;border-right:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .3s ease}.public-book-sidebar-header{padding:24px 24px 16px;border-bottom:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.public-book-sidebar-header h2{font-size:16px;font-weight:600;color:#2d3748;margin:0;text-transform:uppercase;letter-spacing:.5px}.public-book-sidebar-close{display:none;width:32px;height:32px;border:none;background:transparent;cursor:pointer;padding:6px;border-radius:6px;transition:background .2s}.public-book-sidebar-close:hover{background:rgba(0,0,0,.05)}.public-book-sidebar-close svg{width:20px;height:20px;stroke:#4a5568}.public-book-search{padding:16px 24px;position:relative;flex-shrink:0;border-bottom:1px solid rgba(0,0,0,.06)}.public-book-search-input{width:100%;padding:10px 12px 10px 40px;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:14px;background:#fff;transition:border-color .2s,box-shadow .2s}.public-book-search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.public-book-search-icon{position:absolute;left:36px;top:50%;transform:translateY(-50%);width:18px;height:18px;stroke:#a0aec0;pointer-events:none}.public-book-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 0;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.public-book-nav::-webkit-scrollbar{width:6px}.public-book-nav::-webkit-scrollbar-track{background:transparent}.public-book-nav::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:3px}.public-book-nav::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.public-book-search-results{padding:0 24px}.public-book-search-label{font-size:12px;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.public-book-search-item{display:block;width:100%;text-align:left;padding:10px 16px;margin-bottom:4px;border:none;background:transparent;font-size:14px;color:#4a5568;border-radius:6px;cursor:pointer;transition:all .2s}.public-book-search-item:hover{background:rgba(102,126,234,.08);color:#667eea}.public-book-search-item.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.public-book-chapter{margin:0 12px 4px;border-radius:8px;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.06);transition:all .2s}.public-book-chapter:hover{border-color:rgba(102,126,234,.2)}.public-book-chapter-toggle,.public-book-topic-toggle{display:flex;align-items:center;width:100%;padding:12px 16px;border:none;background:transparent;font-size:14px;font-weight:500;color:#2d3748;cursor:pointer;transition:background .2s;gap:8px;text-align:left}.public-book-chapter-toggle:hover,.public-book-topic-toggle:hover{background:rgba(0,0,0,.03)}.public-book-chapter-toggle.bmb-tree__expanded,.public-book-topic-toggle.bmb-tree__expanded{background:rgba(102,126,234,.05);color:#667eea}.public-book-chapter-icon,.public-book-topic-icon{width:16px;height:16px;flex-shrink:0;transition:transform .2s}.public-book-chapter-toggle span:not(.public-book-chapter-count):not(.public-book-topic-count),.public-book-topic-toggle span:not(.public-book-chapter-count):not(.public-book-topic-count){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-book-chapter-count,.public-book-topic-count{margin-left:auto;padding:2px 8px;background:rgba(0,0,0,.08);border-radius:12px;font-size:11px;font-weight:600;flex-shrink:0}.public-book-chapter-content{background:rgba(0,0,0,.02);padding:4px 8px 8px}.public-book-topic{position:relative;margin-bottom:4px}.public-book-topic-toggle{padding-left:32px;font-size:13px}.public-book-pages{background:#fff;border-radius:6px;margin:4px 0 0 24px;padding:4px}.public-book-page-btn{display:flex;align-items:center;width:100%;padding:8px 12px 8px 32px;border:none;background:transparent;font-size:13px;color:#4a5568;cursor:pointer;transition:all .2s;gap:8px;position:relative;border-radius:4px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-book-page-btn:hover{background:rgba(102,126,234,.05);color:#667eea}.public-book-page-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.public-book-page-indicator{position:absolute;left:16px;width:4px;height:4px;background:currentColor;border-radius:50%;opacity:.5}.public-book-page-btn.active .public-book-page-indicator{opacity:1}.public-book-content{flex:1;overflow-y:auto;background:#fff;scroll-behavior:smooth}.public-book-article{max-width:800px;margin:0 auto;padding:48px 24px}.public-book-article-header{margin-bottom:48px;padding-bottom:24px;border-bottom:2px solid rgba(0,0,0,.08)}.public-book-article-title{font-size:40px;font-weight:700;color:#1a202c;margin:0 0 16px;line-height:1.2}.public-book-article-meta{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.public-book-article-description{color:#718096;font-size:16px;margin:0}.public-book-author-card{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));border:1px solid rgba(102,126,234,.15);border-radius:12px;margin-bottom:32px;transition:all .3s ease}.public-book-author-card:hover{border-color:rgba(102,126,234,.3);box-shadow:0 4px 12px rgba(102,126,234,.1)}.public-book-author-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.public-book-author-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.public-book-author-avatar-placeholder{width:32px;height:32px;color:#fff}.public-book-author-avatar-placeholder svg{width:100%;height:100%}.public-book-author-info{flex:1;min-width:0}.public-book-author-label{font-size:12px;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.public-book-author-name{font-size:18px;font-weight:600;color:#2d3748;margin-bottom:4px}.public-book-author-date{font-size:13px;color:#718096}.public-book-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:48px 24px;text-align:center}.public-book-welcome-icon{width:80px;height:80px;stroke:#cbd5e0;margin-bottom:24px}.public-book-welcome h2{font-size:28px;font-weight:600;color:#2d3748;margin:0 0 12px}.public-book-welcome p{font-size:16px;color:#718096;margin:0;max-width:400px}.public-book-pagination{display:flex;gap:16px;margin-top:64px;padding-top:32px;border-top:1px solid rgba(0,0,0,.08)}.public-book-pagination-btn{flex:1;display:flex;align-items:center;gap:12px;padding:16px 20px;border:1px solid rgba(0,0,0,.1);border-radius:12px;background:#fff;cursor:pointer;transition:all .2s;text-align:left}.public-book-pagination-btn:hover:not(:disabled){border-color:#667eea;background:rgba(102,126,234,.05)}.public-book-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.public-book-pagination-btn.next{text-align:right;justify-content:flex-end}.public-book-pagination-btn span{display:flex;flex-direction:column;gap:4px}.public-book-pagination-btn small{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#718096;font-weight:600}.public-book-pagination-btn strong{font-size:14px;color:#2d3748;font-weight:500}.public-book-pagination-btn svg{width:20px;height:20px;stroke:#4a5568;flex-shrink:0}.public-book-error-container,.public-book-loading-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.public-book-error-content,.public-book-loader{background:#fff;border-radius:16px;padding:48px;box-shadow:0 20px 40px rgba(0,0,0,.1);text-align:center}.public-book-loader-spinner{width:48px;height:48px;border:3px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 24px}.public-book-loader p{font-size:16px;color:#4a5568;margin:0}.public-book-error-icon{width:64px;height:64px;stroke:#f56565;margin:0 auto 24px}.public-book-error-content h1{font-size:28px;font-weight:600;color:#2d3748;margin:0 0 12px}.public-book-error-content p{font-size:16px;color:#718096;margin:0 0 32px}.public-book-btn-home{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:transform .2s,box-shadow .2s}.public-book-btn-home:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(102,126,234,.3)}.public-book-btn-home svg{width:20px;height:20px}.public-book-backdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:998}.public-book-markdown{font-size:16px;line-height:1.7;color:#2d3748}.public-book-markdown h1,.public-book-markdown h2,.public-book-markdown h3,.public-book-markdown h4,.public-book-markdown h5,.public-book-markdown h6{font-weight:600;color:#1a202c;margin-top:32px;margin-bottom:16px;line-height:1.25}.public-book-markdown h1{font-size:32px}.public-book-markdown h2{font-size:28px}.public-book-markdown h3{font-size:24px}.public-book-markdown h4{font-size:20px}.public-book-markdown h5{font-size:18px}.public-book-markdown h6{font-size:16px}.public-book-markdown p{margin-bottom:16px}.public-book-markdown a{color:#667eea;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.public-book-markdown a:hover{border-bottom-color:#667eea}.public-book-markdown ol,.public-book-markdown ul{margin-bottom:16px;padding-left:32px}.public-book-markdown li{margin-bottom:8px}.public-book-markdown blockquote{border-left:4px solid #667eea;padding-left:20px;margin:24px 0;color:#4a5568;font-style:italic}.public-book-markdown code{background:#f7fafc;padding:2px 6px;border-radius:4px;font-size:14px;font-family:Fira Code,Monaco,monospace;color:#e53e3e}.public-book-markdown pre{background:#1a202c;color:#e2e8f0;padding:20px;border-radius:8px;overflow-x:auto;margin:24px 0}.public-book-markdown pre code{background:transparent;color:inherit;padding:0}.public-book-markdown table{width:100%;border-collapse:collapse;margin:24px 0}.public-book-markdown td,.public-book-markdown th{padding:12px;border:1px solid #e2e8f0;text-align:left}.public-book-markdown th{background:#f7fafc;font-weight:600}.public-book-markdown img{max-width:100%;height:auto;border-radius:8px;margin:24px 0}.public-book-markdown hr{border:none;border-top:1px solid #e2e8f0;margin:32px 0}@media (max-width:1024px){.public-book-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:999;transform:translateX(-100%);box-shadow:2px 0 10px rgba(0,0,0,.1)}.public-book-sidebar.open{transform:translateX(0)}.public-book-backdrop,.public-book-menu-toggle,.public-book-sidebar-close{display:block}}@media (max-width:768px){.public-book-header-title{font-size:18px}.public-book-article{padding:32px 20px}.public-book-article-title{font-size:32px}.public-book-author-card{padding:16px;gap:12px}.public-book-author-avatar{width:50px;height:50px}.public-book-author-name{font-size:16px}.public-book-pagination{flex-direction:column}.public-book-sidebar{width:280px}}@media (max-width:480px){.public-book-header{padding:12px 16px}.public-book-header-badge{display:none}.public-book-article{padding:24px 16px}.public-book-article-title{font-size:28px}.public-book-markdown{font-size:15px}.public-book-sidebar{width:100%}}.chat-resizer{width:1px;background:hsla(0,0%,100%,.06);flex-shrink:0}.chat-panel{flex:1;overflow:hidden;display:flex;flex-direction:column;height:100%}@media (max-width:991px){.sidebar--expanded{width:320px}.chat-container{width:300px}}@media (max-width:767px){.app-shell__content{flex-direction:column}.chat-container,.sidebar--expanded{width:100%;max-width:none}.preview-panel{border-right:none}.chat-container{border-left:none;border-top:1px solid hsla(0,0%,100%,.07)}.chat-panel{padding:20px}}.header{height:64px;background:#1a1c22;border-bottom:1px solid hsla(0,0%,100%,.08);padding:0 24px;flex-shrink:0;z-index:50}.header,.header__container{width:100%;display:flex;align-items:center}.header__container{justify-content:space-between}.header__left{gap:16px}.header__left,.header__logo{display:flex;align-items:center}.header__logo{font-size:24px;justify-content:center}.header__title{font-size:16px;font-weight:600;color:hsla(0,0%,100%,.92);margin:0}.header__right{display:flex;align-items:center;gap:12px}.header__action-button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid hsla(0,0%,100%,.15);border-radius:8px;background:transparent;color:hsla(0,0%,100%,.85);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.header__action-button:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.25)}.header__action-button--primary{background:rgba(99,102,241,.15);border-color:rgba(99,102,241,.4);color:#c7d2fe}.header__action-button--primary:hover{background:rgba(99,102,241,.25);border-color:rgba(99,102,241,.6)}.editor-canvas-wrapper{display:flex;flex-direction:column;flex:1;min-width:0;height:100%;overflow:hidden}.preview-canvas-bar{width:100%;height:39px;border-bottom:1px solid hsla(0,0%,100%,.07);justify-content:space-between;padding:0 8px 0 16px;gap:8px;background:#1a1a1a}.canvas-bar-left,.preview-canvas-bar{display:flex;align-items:center;flex-shrink:0}.canvas-bar-left{gap:16px}.canvas-bar-right{display:flex;align-items:center;gap:4px;flex:1;justify-content:flex-end}.canvas-bar-group{display:flex;align-items:center;gap:8px}.canvas-bar-editor-controls{gap:4px}.canvas-tabs-nav{gap:2px;padding-left:8px;border-left:1px solid hsla(0,0%,100%,.08)}.canvas-tabs-nav .toolbar-icon-btn{padding:6px 8px}.canvas-bar-editor-controls .editor-tabs,.canvas-bar-editor-controls .editor-toolbar{display:flex}.breadcrumb{display:flex;font-size:13px}.breadcrumb,.breadcrumb__item{align-items:center;gap:6px;color:hsla(0,0%,100%,.7)}.breadcrumb__item{display:inline-flex}.breadcrumb__sep{margin:0 4px;opacity:.5}.tab-chip{padding:6px 14px;border:1px solid transparent;border-radius:6px;background:transparent;color:hsla(0,0%,100%,.65);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.tab-chip:hover{background:hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.85)}.tab-chip--active{background:rgba(99,102,241,.18);border-color:rgba(99,102,241,.35);color:#c7d2fe}.tab-panel{display:none;width:100%;height:100%;overflow:hidden}.tab-panel.active{display:flex;flex-direction:column}.sidebar-project-button{display:inline-flex;width:32px;height:32px;margin:4px 0;border:none;border-radius:6px;background:rgba(99,102,241,.15);color:#c7d2fe;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.sidebar-project-button:hover{background:rgba(99,102,241,.25);color:#e2e5ff}.bmb-btn-toolbar{padding:4px 6px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);border-radius:6px;color:hsla(0,0%,100%,.85);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.bmb-btn-toolbar:hover:not(:disabled){background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.25);color:#fff}.bmb-btn-toolbar:disabled{opacity:.5;cursor:not-allowed}.notes-panel button{font-family:inherit}.notes-header{padding:12px 10px;border-bottom:1px solid hsla(0,0%,100%,.06);backdrop-filter:blur(10px)}.notes-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:0}.notes-header h3{margin:0;font-size:16px;font-weight:600;color:#e2e8f0;display:flex;align-items:center;gap:8px;letter-spacing:-.01em}.notes-status{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.notes-status .saving{color:#fbbf24}.notes-status .saved{color:#34d399}.notes-subtitle{margin:4px 0 0;font-size:13px;color:rgba(148,163,184,.8)}.notes-body::-webkit-scrollbar{width:6px}.notes-body::-webkit-scrollbar-track{background:transparent}.notes-body::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:10px}.notes-body::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.2)}.notes-textarea{width:100%;height:100%;min-height:300px;padding:20px;background:rgba(14,16,22,.4);border:1px solid hsla(0,0%,100%,.06);border-radius:12px;color:hsla(0,0%,100%,.9);font-size:15px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.7;resize:none;transition:all .2s ease}.notes-textarea:focus{outline:none;border-color:rgba(99,102,241,.5);background:rgba(14,16,22,.6);box-shadow:0 0 0 4px rgba(79,70,229,.1)}.notes-textarea::-moz-placeholder{color:rgba(148,163,184,.5)}.notes-textarea::placeholder{color:rgba(148,163,184,.5)}.notes-footer{padding:16px 24px;border-top:1px solid hsla(0,0%,100%,.06);background:rgba(18,20,26,.4);display:flex;align-items:center;justify-content:space-between;gap:12px}.notes-tab-button.active:hover{background:rgba(79,70,229,.25);border-color:rgba(79,70,229,.5);color:#a5b4fc}.notes-empty{padding:40px 24px;text-align:center;border:1px dashed rgba(148,163,184,.2);border-radius:12px;color:rgba(148,163,184,.7);font-size:14px;background:hsla(0,0%,100%,.02)}.elements-tab-content{height:100%;display:flex;flex-direction:column}.elements-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center}.settings-tab-content{height:100%;display:flex;flex-direction:column}.settings-empty-state{display:flex;flex-direction:column;padding:40px 24px;text-align:center}.save-notes-btn,.settings-empty-state{align-items:center;justify-content:center}.save-notes-btn{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;display:inline-flex;gap:8px;transition:all .2s ease}.save-notes-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(79,70,229,.3)}.save-notes-btn:disabled{opacity:.6;cursor:not-allowed}.notes-inline-btn{width:100%;padding:12px;background:hsla(0,0%,100%,.03);border:1px dashed hsla(0,0%,100%,.1);border-radius:10px;color:hsla(0,0%,100%,.7);cursor:pointer;transition:all .2s ease;text-align:left}.notes-inline-btn:hover{background:hsla(0,0%,100%,.06);border-color:rgba(99,102,241,.4);color:#e2e8f0}.notes-inline-btn__icon{background:hsla(0,0%,100%,.05);border-radius:8px;color:#818cf8}.notes-inline-btn__title{font-weight:500}.notes-inline-btn__hint{color:rgba(148,163,184,.7)}.resource-delete-btn,.todo-delete-btn{padding:6px;background:transparent;border:none;color:rgba(148,163,184,.6);border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.resource-delete-btn:hover,.todo-delete-btn:hover{background:rgba(239,68,68,.1);color:#fca5a5}.ai-mode-selector{display:flex;gap:8px;margin-bottom:16px;padding:4px;background:rgba(0,0,0,.2);border-radius:10px;border:1px solid hsla(0,0%,100%,.05)}.ai-mode-btn{flex:1;padding:8px;background:transparent;border:1px solid transparent;border-radius:8px;color:rgba(148,163,184,.8);font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.ai-mode-btn:hover{color:#e2e8f0;background:hsla(0,0%,100%,.03)}.ai-mode-btn.active{background:rgba(79,70,229,.15);border-color:rgba(79,70,229,.3);color:#c7d2fe;box-shadow:0 1px 2px rgba(0,0,0,.1)}.ai-chat-input-wrapper{display:flex;gap:8px;align-items:flex-end;background:rgba(14,16,22,.6);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;padding:8px}.ai-chat-input{flex:1;background:transparent;border:none;color:#e2e8f0;font-size:14px;resize:none;padding:8px;max-height:120px}.ai-chat-input:focus{outline:none}.ai-chat-send-btn{padding:8px;background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.ai-chat-send-btn:hover:not(:disabled){background:#6366f1}.ai-chat-send-btn:disabled{opacity:.5;cursor:not-allowed;background:rgba(79,70,229,.2)}.ai-chat-clear-btn{margin-top:8px;padding:6px 12px;background:transparent;border:none;color:rgba(148,163,184,.6);font-size:12px;cursor:pointer;display:flex;align-items:center;gap:6px;margin-left:auto}.ai-chat-clear-btn:hover{color:#fca5a5}.resources-section,.todos-section{display:flex;flex-direction:column;gap:20px;height:100%}.resource-form{display:flex;flex-direction:column;gap:12px;padding:20px;background:rgba(18,20,26,.6);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.2)}.resource-form input,.resource-form textarea,.todo-form input{background:rgba(10,12,16,.6);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;padding:12px 16px;color:#e2e8f0;font-size:14px;transition:all .2s ease}.resource-form textarea{resize:vertical;min-height:100px;line-height:1.6}.resource-form input:focus,.resource-form textarea:focus,.todo-form input:focus{outline:none;border-color:rgba(99,102,241,.5);background:rgba(10,12,16,.8);box-shadow:0 0 0 3px rgba(79,70,229,.1)}.resource-form-actions,.todo-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:4px}.resources-list{gap:16px;overflow-y:auto;padding-bottom:12px}.resource-card,.resources-list{display:flex;flex-direction:column}.resource-card{background:rgba(30,41,59,.3);border:1px solid hsla(0,0%,100%,.06);border-radius:14px;padding:20px;gap:12px;transition:all .2s ease;position:relative;overflow:hidden}.resource-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,hsla(0,0%,100%,.03),transparent);opacity:0;transition:opacity .2s ease}.resource-card:hover{transform:translateY(-2px);border-color:rgba(99,102,241,.3);background:rgba(30,41,59,.5);box-shadow:0 8px 24px rgba(0,0,0,.2)}.resource-card:hover:before{opacity:1}.resource-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;position:relative;z-index:1}.resource-card-heading{display:flex;align-items:flex-start;gap:12px}.resource-card-icon{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,rgba(79,70,229,.35),rgba(129,140,248,.25));color:#c7d2fe;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 1px rgba(15,23,42,.5)}.resource-card-header h4{margin:0 0 4px;font-size:15px;color:rgba(248,250,252,.94)}.resource-card-header a{color:#93c5fd;font-size:13px;word-break:break-all}.resource-card-header a:hover{color:#bfdbfe;text-decoration:underline}.resource-delete-btn{background:rgba(22,26,38,.95);border:1px solid rgba(100,116,139,.45);color:rgba(226,232,240,.85);border-radius:8px;padding:8px 10px;font-size:13px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.resource-delete-btn:hover{background:rgba(229,62,62,.18);border-color:hsla(0,91%,71%,.55);color:#fecaca}.resource-excerpt{margin:0;color:rgba(203,213,225,.78);font-size:13px;line-height:1.55}.resource-card-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.resource-pill{background:rgba(99,102,241,.16);color:#c7d2fe;font-size:12px;padding:6px 10px;border-radius:999px}.resource-open-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#93c5fd;border:1px solid rgba(99,102,241,.35);border-radius:999px;padding:6px 10px;transition:all .2s ease}.resource-open-link:hover{color:#e0f2fe;border-color:rgba(96,165,250,.6);background:rgba(30,64,175,.2)}.todo-form{display:flex;flex-direction:column;gap:10px}.todo-form input{flex:1}.todo-list{gap:12px;overflow-y:auto;padding:0;list-style-type:none}.todo-item,.todo-list{display:flex;flex-direction:column}.todo-item{gap:10px;padding:16px;background:rgba(14,16,24,.85);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;box-shadow:0 12px 24px rgba(8,11,20,.22);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.todo-item:hover{transform:translateY(-2px);border-color:rgba(99,102,241,.55);box-shadow:0 16px 32px rgba(80,72,229,.25)}.todo-item.completed{border-color:rgba(45,212,191,.4)}.todo-item-header{justify-content:space-between}.todo-checkbox,.todo-item-header{display:flex;align-items:flex-start;gap:12px}.todo-checkbox{position:relative;color:rgba(226,232,240,.92);flex:1}.todo-checkbox input{position:absolute;left:0;top:0;width:24px;height:24px;opacity:0;cursor:pointer}.todo-checkbox__indicator{width:24px;height:24px;border-radius:8px;border:1px solid rgba(148,163,184,.45);background:rgba(15,23,42,.6);color:transparent;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:inset 0 1px 2px rgba(15,23,42,.45)}.todo-checkbox input:hover+.todo-checkbox__indicator{border-color:rgba(99,102,241,.55)}.todo-checkbox input:focus-visible+.todo-checkbox__indicator{outline:2px solid rgba(99,102,241,.6);outline-offset:2px}.todo-checkbox input:checked+.todo-checkbox__indicator{background:linear-gradient(135deg,rgba(79,70,229,.9),rgba(129,140,248,.9));border-color:rgba(129,140,248,.85);color:#fff;box-shadow:0 8px 16px rgba(79,70,229,.35)}.todo-checkbox__indicator svg{opacity:0;transition:opacity .2s ease}.todo-checkbox input:checked+.todo-checkbox__indicator svg{opacity:1}.todo-content{display:flex;flex-direction:column;gap:4px}.todo-text{font-size:14px;font-weight:500;color:#e2e8f0}.todo-meta{font-size:12px;color:rgba(148,163,184,.7)}.todo-item.completed .todo-text{text-decoration:line-through;color:rgba(148,163,184,.75)}.todo-item.completed .todo-meta{color:rgba(148,163,184,.55)}.todo-delete-btn{background:rgba(22,26,38,.95);border:1px solid rgba(100,116,139,.45);color:rgba(226,232,240,.85);border-radius:8px;padding:8px 10px;font-size:13px;cursor:pointer;transition:all .2s ease;align-self:flex-start}.todo-delete-btn:hover{background:rgba(229,62,62,.18);border-color:hsla(0,91%,71%,.55);color:#fecaca}.todo-completed-label{align-self:flex-start;background:rgba(16,185,129,.15);color:#6ee7b7;font-size:11px;letter-spacing:.04em;padding:4px 8px;border-radius:999px;text-transform:uppercase}.assets-panel{display:flex;flex-direction:column;height:100%;background:#1f2024;padding:20px;gap:16px;overflow:hidden}.assets-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid hsla(0,0%,100%,.08)}.assets-header h3{margin:0;font-size:18px;font-weight:600;color:#e2e8f0}.assets-upload,.upload-button{display:flex;justify-content:center}.upload-button{align-items:center;padding:12px 24px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px rgba(79,70,229,.3)}.upload-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(79,70,229,.4)}.upload-button:active{transform:translateY(0)}.assets-search{display:flex}.assets-search .search-input{width:100%;padding:10px 14px;background:rgba(30,30,40,.6);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#e2e8f0;font-size:14px;outline:none;transition:all .2s ease}.assets-search .search-input:focus{border-color:rgba(79,70,229,.5);background:rgba(30,30,40,.8)}.assets-list{flex:1;overflow-y:auto;padding-right:4px}.assets-list::-webkit-scrollbar{width:6px}.assets-list::-webkit-scrollbar-track{background:transparent}.assets-list::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.15);border-radius:10px}.assets-list::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.25)}.empty-assets{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;text-align:center;color:hsla(0,0%,100%,.4);gap:8px}.empty-assets p{margin:0}.empty-hint{font-size:13px;color:hsla(0,0%,100%,.3)}.assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.asset-item{display:flex;flex-direction:column;background:rgba(30,30,40,.6);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;overflow:hidden;transition:all .2s ease}.asset-item:hover{border-color:rgba(79,70,229,.5);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.asset-preview{width:100%;height:120px;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;overflow:hidden}.asset-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.asset-info{padding:10px;display:flex;flex-direction:column;gap:4px}.asset-name{font-size:13px;font-weight:500;color:#e2e8f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-size{font-size:11px;color:hsla(0,0%,100%,.4)}.asset-actions{display:flex;gap:4px;padding:0 8px 8px}.asset-action-btn{flex:1;padding:6px;background:rgba(79,70,229,.2);border:1px solid rgba(79,70,229,.3);border-radius:6px;color:#a5b4fc;font-size:11px;cursor:pointer;transition:all .2s ease}.asset-action-btn:hover{background:rgba(79,70,229,.3);border-color:rgba(79,70,229,.5)}.asset-action-btn--danger{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.3);color:#fca5a5}.asset-action-btn--danger:hover{background:rgba(239,68,68,.3);border-color:rgba(239,68,68,.5)}.editor-controls{display:none}.editor-tabs{display:flex;gap:4px}.editor-tabs button{padding:6px 14px;background:transparent;border:1px solid transparent;border-radius:6px;color:hsla(0,0%,100%,.65);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.editor-tabs button:hover{background:hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.85)}.editor-tabs button.active{background:rgba(99,102,241,.18);border-color:rgba(99,102,241,.35);color:#c7d2fe}.editor-toolbar{gap:12px;margin-left:16px}.editor-toolbar .upload-image-btn,.editor-toolbar button{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);border-radius:6px;color:hsla(0,0%,100%,.85);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.editor-toolbar .upload-image-btn:hover,.editor-toolbar button:hover{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.25)}.editor-toolbar .word-count{margin-left:auto;font-size:13px;color:hsla(0,0%,100%,.6)}.md-editor{flex:1;width:100%;max-width:900px;margin:0 auto;padding:60px 80px;background:#fff;border:none;color:#2d3748;font-size:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.8;resize:none;outline:none;overflow-y:auto;min-height:0}.mobile-toggle-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:hsla(0,0%,100%,.8);cursor:pointer;transition:all .2s ease;flex-shrink:0}.mobile-toggle-btn:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2);color:#fff}.mobile-toggle-btn:active{transform:scale(.95)}.mobile-toggle-btn svg{width:20px;height:20px}.mobile-backdrop{display:none}@media (max-width:991px){.mobile-toggle-btn{display:flex}.mobile-backdrop{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:99;animation:fadeIn .25s ease;-webkit-tap-highlight-color:transparent}.app-shell__content{position:relative}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:100;box-shadow:2px 0 20px rgba(0,0,0,.4)}.sidebar-icons{display:flex;position:relative;z-index:101}.sidebar-panel{position:absolute;left:100%;top:0;bottom:0;width:270px;margin-left:0!important;transform:translateX(0);transition:transform .3s cubic-bezier(.4,0,.2,1);background:#1a1c22;display:flex;flex-direction:column;overflow:hidden}.sidebar.sidebar--expanded .sidebar-panel{width:249px;transform:translateX(-249px)}.chat-container.open{transform:translateX(0)}.preview-panel{flex:1;width:100%;margin-left:0}.chat-resizer{display:none}.canvas-bar-group{gap:8px}.breadcrumb{font-size:12px}.chat-container{width:280px}.notes-textarea{font-size:14px}.mobile-toggle-btn{display:none}}@media (max-width:767px){.app-shell{height:100vh;height:100dvh}.sidebar-panel{width:calc(75vw - 48px);max-width:320px}.chat-container{width:75vw!important;max-width:340px!important}.preview-canvas-bar{padding:8px 12px;flex-wrap:wrap;gap:8px}.canvas-bar-left,.canvas-bar-right{flex:1 1 auto;min-width:0}.breadcrumb{font-size:11px}.breadcrumb__item{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-bar-editor-controls{width:100%;justify-content:space-between}.editor-tabs{gap:4px}.editor-tabs button{padding:4px 10px;font-size:12px}.editor-toolbar{gap:6px}.editor-toolbar button{padding:4px 10px;font-size:12px}.word-count{font-size:11px}.bmb-tree__header{padding:14px 16px 10px}.bmb-tree__header h3{font-size:16px}.bmb-tree__add-page-btn{padding:6px 12px;font-size:12px}.bmb-tree__list{padding:8px 0 20px}.bmb-tree__chapter-header{padding:14px 12px;gap:6px}.bmb-tree__chapter-title{font-size:13px}.bmb-tree__node-meta{font-size:10px}.bmb-tree__sections-container{padding:10px 16px}.bmb-tree__section-item{padding:8px 10px}.bmb-tree__section-title{font-size:13px}.bmb-tree__page-item{padding:10px 12px}.bmb-tree__page-title{font-size:13px}.bmb-tree__icon-btn,.bmb-tree__pill-btn{min-width:32px;min-height:32px;padding:8px}.md-editor,.rich-editor{padding:16px;font-size:15px}.rich-editor h1{font-size:24px}.rich-editor h2{font-size:20px}.rich-editor h3{font-size:18px}.rich-editor p{font-size:15px;line-height:1.6}.assets-panel{padding:16px}.assets-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.asset-preview{height:100px}.tree-context-menu{min-width:160px}.tree-context-menu__item{padding:10px 14px;font-size:14px}.notes-panel{padding:16px}.notes-textarea{font-size:15px;min-height:150px}.save-notes-btn{padding:10px 16px;font-size:14px}}@media (max-width:479px){.sidebar-panel{width:calc(85vw - 48px);max-width:280px}.chat-container{width:85vw!important;max-width:300px!important}.sidebar-icons{width:40px;padding:12px 4px}.sidebar-icons button{width:40px;height:40px}.preview-canvas-bar{padding:6px 8px}.breadcrumb{display:none}.canvas-bar-editor-controls{flex-direction:column;align-items:stretch}.editor-tabs{justify-content:center;margin-bottom:6px}.editor-toolbar{justify-content:space-between}.bmb-tree__header{padding:12px}.bmb-tree__chapter-header{padding:12px 8px}.bmb-tree__sections-container{padding:8px 12px}.bmb-tree__page-item{padding:8px 10px}.md-editor,.rich-editor{padding:12px;font-size:14px}.rich-editor{max-width:100%}.assets-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.asset-preview{height:80px}}@media (max-width:767px) and (orientation:landscape){.md-editor,.rich-editor{padding:12px 16px}}@media (hover:none) and (pointer:coarse){.bmb-tree__chapter-header,.bmb-tree__page-item,.bmb-tree__section-item{-webkit-tap-highlight-color:rgba(79,70,229,.1)}.bmb-tree__chapter-header:hover,.bmb-tree__page-item:hover,.bmb-tree__section-item:hover{background-color:inherit}.bmb-tree__chapter-header:active{background-color:hsla(0,0%,100%,.05)}.bmb-tree__section-item:active{background:rgba(79,70,229,.2)}.bmb-tree__page-item:active{background:rgba(79,70,229,.18)}button:active{transform:scale(.97)}}.code-block-wrapper{margin:1.5rem 0;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0;background:#f8f9fa}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#f1f3f5;border-bottom:1px solid #e2e8f0}.code-language{font-weight:600;text-transform:uppercase;letter-spacing:.5px}.code-language,.copy-button{font-size:12px;color:#495057;font-family:Fira Code,monospace}.copy-button{padding:4px 12px;background:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;transition:all .2s ease}.copy-button:hover{background:#e9ecef;border-color:#adb5bd}.copy-button:active{transform:scale(.95)}.markdown-preview .inline-code{background:#f1f3f5;padding:2px 6px;border-radius:4px;font-family:Fira Code,monospace;font-size:.9em;color:#e03131;border:1px solid #e9ecef}.markdown-preview .markdown-image{max-width:100%;height:auto;border-radius:10px;margin:1rem 0;box-shadow:0 2px 8px rgba(0,0,0,.1);display:block}.markdown-preview pre{margin:0!important;border-radius:0 0 8px 8px!important;font-family:Fira Code,monospace!important}.markdown-preview pre code{font-family:Fira Code,monospace!important;font-size:14px!important;line-height:1.6!important}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{font-family:var(--font-inter),"Inter",sans-serif}.markdown-preview a{color:#228be6;text-decoration:none;border-bottom:1px solid #91c9f7;transition:border-color .2s ease}.markdown-preview a:hover{border-bottom-color:#228be6}.markdown-preview table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95em}.markdown-preview th{background:#f8f9fa;padding:12px;text-align:left;font-weight:600;border:1px solid #dee2e6}.markdown-preview td{padding:10px 12px;border:1px solid #dee2e6}.markdown-preview tr:nth-child(2n){background:#f8f9fa}.markdown-preview input[type=checkbox]{margin-right:8px;cursor:pointer}.markdown-preview blockquote{border-left:4px solid #228be6;margin-left:0;color:#495057;background:#f8f9fa;padding:1rem;border-radius:4px}.preview-container{width:100%;height:100%;overflow-y:auto}.sandboxed-preview-wrapper{overflow:hidden}.sandboxed-preview-streaming{right:16px;padding:8px 14px;background:rgba(99,102,241,.95);font-weight:500;box-shadow:0 4px 12px rgba(99,102,241,.3);animation:pulse 1.5s ease-in-out infinite}.sandboxed-preview-streaming .streaming-indicator{font-size:10px;animation:blink 1s ease-in-out infinite}.books-list-panel{display:flex;flex-direction:column;height:100%;background:#1a1c22;color:#e6e6e6}.books-list-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid hsla(0,0%,100%,.08)}.books-list-header h3{margin:0;font-size:18px;font-weight:600;color:#fff}.view-all-btn{padding:6px 12px;font-size:13px;color:#6366f1;text-decoration:none;border:1px solid rgba(99,102,241,.3);border-radius:6px;transition:all .2s ease}.view-all-btn:hover{background:rgba(99,102,241,.1);border-color:rgba(99,102,241,.5)}.books-list-body{flex:1;overflow-y:auto;padding:16px}.books-loading{text-align:center;padding:40px 20px;color:#8aa0b2;font-size:14px}.books-empty{text-align:center;padding:60px 20px}.books-empty p{margin:0 0 16px;color:#8aa0b2;font-size:14px}.create-book-link{display:inline-block;padding:8px 16px;background:rgba(99,102,241,.15);color:#6366f1;text-decoration:none;border-radius:6px;font-size:13px;font-weight:500;transition:all .2s ease}.create-book-link:hover{background:rgba(99,102,241,.25)}.book-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;text-decoration:none;color:#e6e6e6;transition:all .2s ease;position:relative}.book-item:hover{background:hsla(0,0%,100%,.05);border-color:rgba(99,102,241,.4);transform:translateX(2px)}.book-item.active{border-color:rgba(99,102,241,.5)}.book-icon,.book-item.active{background:rgba(99,102,241,.15)}.book-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;color:#6366f1;flex-shrink:0}.book-item.active .book-icon{background:rgba(99,102,241,.25)}.book-info{flex:1;min-width:0}.book-title{font-size:14px;font-weight:500;color:#fff;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-date{font-size:12px;color:#8aa0b2}.book-current-badge{padding:2px 8px;font-size:11px;font-weight:600;color:#6366f1;background:rgba(99,102,241,.2);border-radius:4px;text-transform:uppercase;letter-spacing:.5px}@media (hover:none){.book-card-actions{opacity:1}}.books-list-grid{display:flex;flex-direction:column;gap:8px}.notes-inline-btn{align-self:flex-start;display:flex;align-items:center;gap:12px;padding:14px 16px;background:rgba(79,70,229,.12);border:1px dashed rgba(99,102,241,.45);color:#c7d2fe}.notes-inline-btn:hover:not(:disabled){background:rgba(99,102,241,.18);border-color:rgba(129,140,248,.65);color:#e0e7ff;transform:translateY(-1px)}.notes-inline-btn__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:rgba(99,102,241,.25);color:#e0e7ff}.notes-inline-btn__content{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.notes-inline-btn__title{font-size:14px;font-weight:600;color:#e2e8f0}.notes-inline-btn__hint{font-size:12px;color:rgba(203,213,225,.75)}.app-shell__content{position:relative}.account-grid{grid-template-columns:1fr}.account-card__body--split{gap:12px}.account-card__body--split,.account-form-actions{flex-direction:column;align-items:stretch}.account-danger-btn,.account-primary-btn,.account-secondary-btn{width:100%;justify-content:center}.form-error{background:hsla(0,91%,71%,.12);border:1px solid hsla(0,91%,71%,.4);color:#fecaca;border-radius:10px}.form-error,.form-success{padding:10px 12px;font-size:12px}.form-success{background:rgba(16,185,129,.12);border:1px solid rgba(45,212,191,.35);border-radius:10px}.form-hint{font-size:12px;color:rgba(148,163,184,.75)}.account-footer{margin-top:auto;padding:16px;border-top:1px solid rgba(148,163,184,.12);background:rgba(12,14,22,.5);border-radius:14px}.account-footer__hint{margin:0;font-size:12px;color:rgba(148,163,184,.75)}.account-footer__hint a{color:#93c5fd}.account-footer__hint a:hover{color:#bfdbfe}.preview-container{position:relative}.editor-streaming-indicator{position:absolute;bottom:20px;right:20px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.3);border-radius:8px;font-size:12px;color:#c7d2fe;backdrop-filter:blur(8px);z-index:10}.editor-streaming-cursor{display:inline-block;color:#6366f1;font-weight:600}.book-tree-skeleton{padding:8px 0;opacity:1;animation:fadeIn .3s ease-in;transition:opacity .3s ease-out}.book-tree-skeleton__chapter{margin-bottom:12px}.book-tree-skeleton__chapter-header{padding:12px 16px;margin-bottom:4px}.book-tree-skeleton__topics{padding-left:28px;margin-top:4px}.book-tree-skeleton__topic{margin-bottom:8px}.book-tree-skeleton__pages{padding-left:28px;margin-top:4px}.book-tree-skeleton__line{height:16px;border-radius:4px;background:linear-gradient(90deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.12) 50%,hsla(0,0%,100%,.06));background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;margin-bottom:8px}.book-tree-skeleton__line--chapter{width:60%;height:18px;margin-bottom:0}.book-tree-skeleton__line--topic{width:50%;height:16px;margin-bottom:8px}.book-tree-skeleton__line--page{width:70%;height:14px;margin-bottom:6px}.book-tree-skeleton__line--page:last-child{margin-bottom:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.editor-skeleton{padding:24px 28px;opacity:1;animation:fadeIn .3s ease-in;transition:opacity .3s ease-out}.editor-skeleton__content{display:flex;flex-direction:column;gap:12px}.editor-skeleton__line{height:20px;border-radius:4px;background:linear-gradient(90deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.12) 50%,hsla(0,0%,100%,.06));background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.editor-skeleton__line--title{width:50%;height:32px;margin-bottom:8px}.editor-skeleton__line--full{width:100%}.editor-skeleton__line--medium{width:70%}.editor-skeleton__line--short{width:40%}.editor-skeleton__line--spacer{height:12px;background:transparent;animation:none}.public-library{min-height:100vh;background:#fff}.public-library__container{max-width:1200px;margin:0 auto;padding:0 24px}.public-library__header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:64px 0;margin-bottom:48px}.public-library__title{font-size:48px;font-weight:700;margin:0 0 16px;line-height:1.2}.public-library__subtitle{font-size:20px;margin:0;opacity:.9;font-weight:400}.public-library__main{padding-bottom:64px}.public-library__controls{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap;align-items:center;justify-content:space-between}.public-library__search{flex:1;min-width:250px;position:relative}.public-library__search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#718096;pointer-events:none}.public-library__search-input{width:100%;padding:12px 16px 12px 48px;border:2px solid rgba(0,0,0,.1);border-radius:8px;font-size:16px;transition:border-color .2s,box-shadow .2s}.public-library__search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.public-library__controls-right{display:flex;gap:12px;align-items:center}.public-library__filter-toggle{display:flex;align-items:center;gap:8px;padding:10px 16px;border:2px solid rgba(0,0,0,.1);border-radius:8px;background:#fff;color:#4a5568;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;position:relative}.public-library__filter-toggle:hover{border-color:#667eea;color:#667eea}.public-library__filter-toggle.active{border-color:#667eea;background:rgba(102,126,234,.05);color:#667eea}.public-library__filter-toggle.has-filters{border-color:#667eea;background:rgba(102,126,234,.1)}.public-library__filter-toggle svg{width:16px;height:16px}.public-library__filter-badge{position:absolute;top:-6px;right:-6px;background:#667eea;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.public-library__sort{display:flex;align-items:center;gap:8px}.public-library__sort label{font-size:14px;font-weight:500;color:#4a5568}.public-library__sort-select{padding:10px 16px;border:2px solid rgba(0,0,0,.1);border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .2s}.public-library__sort-select:focus{outline:none;border-color:#667eea}.public-library__filters-panel{background:#f7fafc;border:2px solid rgba(0,0,0,.08);border-radius:12px;padding:24px;margin-bottom:32px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.public-library__filter-group{margin-bottom:24px}.public-library__filter-group:last-child{margin-bottom:0}.public-library__filter-label{display:block;font-size:14px;font-weight:600;color:#2d3748;margin-bottom:12px}.public-library__filter-select{width:100%;max-width:300px;padding:10px 16px;border:2px solid rgba(0,0,0,.1);border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .2s}.public-library__filter-select:focus{outline:none;border-color:#667eea}.public-library__tags-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.public-library__tag-filter-btn{padding:8px 16px;border:2px solid rgba(0,0,0,.1);border-radius:20px;background:#fff;color:#4a5568;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.public-library__tag-filter-btn:hover{border-color:#667eea;color:#667eea;transform:translateY(-2px)}.public-library__tag-filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.public-library__clear-all-filters-btn,.public-library__clear-tags-btn{padding:8px 16px;border:2px solid rgba(0,0,0,.1);border-radius:8px;background:#fff;color:#718096;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.public-library__clear-all-filters-btn:hover,.public-library__clear-tags-btn:hover{border-color:#e53e3e;color:#e53e3e;background:rgba(229,62,62,.05)}.public-library__clear-all-filters-btn{margin-top:16px;width:100%;max-width:200px}.public-library__count{font-size:14px;color:#718096;margin-bottom:24px}.public-library__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-bottom:48px}.public-library__empty,.public-library__error,.public-library__loading{text-align:center;padding:64px 24px;color:#4a5568}.public-library__error p{margin-bottom:16px;color:#e53e3e}.public-library__retry-btn{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:transform .2s,box-shadow .2s}.public-library__retry-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(102,126,234,.3)}.public-library__empty p{font-size:18px;margin-bottom:8px}.public-library__empty-hint{font-size:14px;color:#718096;margin-top:8px}.public-library__pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:48px}.public-library__pagination-btn{padding:10px 20px;border:2px solid rgba(0,0,0,.1);border-radius:8px;background:#fff;color:#4a5568;font-weight:500;cursor:pointer;transition:all .2s}.public-library__pagination-btn:hover:not(:disabled){border-color:#667eea;color:#667eea;transform:translateY(-2px)}.public-library__pagination-btn:disabled{opacity:.5;cursor:not-allowed}.public-library__pagination-info{font-size:14px;color:#718096}.book-card{display:block;text-decoration:none;color:inherit;background:#fff;border:2px solid rgba(0,0,0,.08);border-radius:12px;overflow:hidden;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.book-card:hover{border-color:#667eea;box-shadow:0 8px 24px rgba(102,126,234,.15);transform:translateY(-4px)}.book-card__thumbnail{width:100%;height:200px;overflow:hidden;background:linear-gradient(135deg,#f7fafc,#edf2f7);position:relative}.book-card__thumbnail-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.book-card:hover .book-card__thumbnail-img{transform:scale(1.05)}.book-card__thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));color:#a0aec0}.book-card__thumbnail-placeholder svg{width:64px;height:64px}.book-card__content{flex:1;display:flex;flex-direction:column;padding:20px}.book-card__category{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));color:#667eea;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:12px;margin-bottom:12px}.book-card__title{font-size:20px;font-weight:600;color:#1a202c;margin:0 0 10px;line-height:1.3;-webkit-line-clamp:2;line-clamp:2}.book-card__description,.book-card__title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.book-card__description{font-size:14px;color:#4a5568;line-height:1.6;margin:0 0 12px;flex:1;-webkit-line-clamp:3;line-clamp:3}.book-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.book-card__tag{background:rgba(0,0,0,.05);color:#4a5568;font-weight:500}.book-card__tag,.book-card__tag-more{padding:4px 10px;font-size:11px;border-radius:12px}.book-card__tag-more{background:rgba(102,126,234,.1);color:#667eea;font-weight:600}.book-card__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid rgba(0,0,0,.08)}.book-card__author{display:flex;align-items:center;gap:8px}.book-card__avatar{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.book-card__author-name{font-size:14px;color:#4a5568;font-weight:500}.book-card__date{font-size:12px;color:#718096}@media (max-width:768px){.public-library__header{padding:48px 0}.public-library__title{font-size:36px}.public-library__subtitle{font-size:18px}.public-library__grid{grid-template-columns:1fr;gap:16px}.public-library__controls{flex-direction:column;align-items:stretch}.public-library__search{min-width:100%}.public-library__controls-right{flex-direction:column;width:100%}.public-library__filter-toggle{width:100%;justify-content:center}.public-library__sort{width:100%}.public-library__sort-select{flex:1}.public-library__filters-panel{padding:20px}.public-library__filter-select{max-width:100%}.public-library__pagination{flex-wrap:wrap}.book-card__thumbnail{height:180px}}.auth-content{width:100%}.auth-divider{display:flex;align-items:center;gap:16px;margin:24px 0;color:var(--muted);font-size:14px}.auth-divider:after,.auth-divider:before{content:"";flex:1;height:1px;background:hsla(0,0%,100%,.1)}.auth-link{color:var(--accent);text-decoration:none;font-size:14px;transition:opacity .2s ease}.auth-link:hover{opacity:.8}.auth-footer{text-align:center;margin-top:24px;font-size:14px;color:var(--muted)}.oauth-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.oauth-button{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;border:1px solid hsla(0,0%,100%,.2);border-radius:10px;background:rgba(31,36,48,.8);color:#e8eef2;font-weight:500;font-size:15px;cursor:pointer;transition:all .2s ease;text-decoration:none}.oauth-button:hover{background:#1f2430;border-color:hsla(0,0%,100%,.3);transform:translateY(-1px)}.oauth-button:disabled{opacity:.6;cursor:not-allowed}.auth-form{display:flex;flex-direction:column;gap:20px}.password-strength{margin-top:8px;font-size:12px}.password-strength-bar{height:4px;border-radius:2px;background:hsla(0,0%,100%,.1);margin-top:4px;overflow:hidden}.password-strength-fill{height:100%;transition:width .3s ease,background-color .3s ease}.password-strength-weak .password-strength-fill{width:33%;background:#ef4444}.password-strength-medium .password-strength-fill{width:66%;background:#f59e0b}.password-strength-strong .password-strength-fill{width:100%;background:#10b981}.marketing-page{background:linear-gradient(135deg,#0b0c10,#12141a)}.marketing-nav{background:rgba(18,20,26,.95);backdrop-filter:blur(10px);border-bottom:1px solid hsla(0,0%,100%,.1)}.marketing-nav-content{padding:16px 32px;gap:32px}.marketing-logo{gap:12px;font-size:20px;font-weight:700;color:#e8eef2;transition:opacity .2s ease}.marketing-logo:hover{opacity:.8}.logo-icon{font-size:24px}.logo-text{background:linear-gradient(135deg,#e8eef2,#b8c5d1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.marketing-nav-link{color:#8aa0b2;transition:color .2s ease}.marketing-nav-link.active,.marketing-nav-link:hover{color:#e8eef2}.marketing-nav-link.active:after{bottom:-20px;right:0;background:var(--accent)}.marketing-nav-actions{gap:12px}@media (max-width:768px){.marketing-nav-content{flex-wrap:wrap;padding:16px}.marketing-nav-links{order:3;width:100%;justify-content:flex-start;gap:16px;padding-top:16px;border-top:1px solid hsla(0,0%,100%,.1)}.marketing-nav-actions{gap:8px}}.hero-section{padding:120px 32px 80px}.hero-content{max-width:900px}.hero-badge{display:inline-block;padding:8px 16px;background:rgba(79,70,229,.15);border:1px solid rgba(79,70,229,.3);border-radius:999px;color:#c7d2fe;font-size:14px;font-weight:500;margin-bottom:24px}.hero-title{font-size:64px;font-weight:800;margin:0 0 24px;color:#e8eef2;letter-spacing:-.02em}.hero-gradient{background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:20px;color:#8aa0b2;margin:0 auto 40px}.hero-actions{gap:16px;margin-bottom:16px}.btn-large{padding:14px 32px;font-size:16px}.hero-note{font-size:14px;color:#8aa0b2;margin:0}@media (max-width:768px){.hero-section{padding:80px 24px 60px}.hero-title{font-size:40px}.hero-subtitle{font-size:18px}.hero-actions{flex-direction:column}.btn-large{width:100%}}.page-hero{padding:80px 32px 60px;text-align:center}.page-hero-content{max-width:800px;margin:0 auto}.page-hero-title{font-size:48px;font-weight:800;line-height:1.1;margin:0 0 16px;color:#e8eef2;letter-spacing:-.02em}.page-hero-subtitle{font-size:20px;line-height:1.6;color:#8aa0b2;margin:0}@media (max-width:768px){.page-hero{padding:60px 24px 40px}.page-hero-title{font-size:32px}.page-hero-subtitle{font-size:18px}}.section-content{max-width:1200px;margin:0 auto;padding:0 32px}.bmb-tree__section-title{font-size:40px;font-weight:700;text-align:center;margin:0 0 16px}.section-subtitle{font-size:18px;text-align:center;color:#8aa0b2;margin:0 0 64px}.features-preview-section{padding:80px 0}.feature-card{background:rgba(18,20,26,.6);border-radius:16px;padding:32px;transition:transform .3s ease,border-color .3s ease}.feature-card:hover{border-color:rgba(79,70,229,.3)}.feature-icon{font-size:48px;margin-bottom:16px}.feature-title{font-size:20px;font-weight:600;margin:0 0 12px;color:#e8eef2}.feature-description{font-size:15px;line-height:1.6;color:#8aa0b2;margin:0}@media (max-width:768px){.features-preview-section{padding:60px 0}.features-grid{grid-template-columns:1fr;gap:24px}}.features-detail-section{padding:60px 0 80px}.feature-detail{padding:60px 0;border-bottom:1px solid hsla(0,0%,100%,.05)}.feature-detail:last-child{border-bottom:none}.feature-detail-content{max-width:700px}.feature-detail-icon{font-size:56px;margin-bottom:24px}.feature-detail-title{font-size:32px;font-weight:700;margin:0 0 16px;color:#e8eef2}.feature-detail-description{font-size:18px;line-height:1.6;color:#8aa0b2;margin:0 0 24px}.feature-detail-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.feature-detail-list li{display:flex;align-items:center;gap:12px;font-size:16px;color:#e8eef2}.feature-detail-list li:before{content:"✓";display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:rgba(79,70,229,.2);border-radius:50%;color:#c7d2fe;font-weight:600;flex-shrink:0}.pricing-section{padding:60px 0 80px}.pricing-content{max-width:1200px;margin:0 auto;padding:0 32px}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:80px}.pricing-card{background:rgba(18,20,26,.6);border-radius:20px;padding:40px;transition:transform .3s ease,border-color .3s ease}.pricing-card:hover{border-color:rgba(79,70,229,.3)}.pricing-card-featured{background:rgba(79,70,229,.05)}.pricing-card-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:6px 16px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:999px;color:#fff;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.pricing-card-title{font-size:24px;font-weight:700;margin:0 0 16px;color:#e8eef2}.pricing-card-price{display:flex;align-items:baseline;gap:4px;margin-bottom:12px}.price-amount{font-size:48px;font-weight:800;color:#e8eef2}.price-period{font-size:18px;color:#8aa0b2}.pricing-card-description{font-size:15px;color:#8aa0b2;margin:0}.pricing-card-features{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:16px;flex:1}.pricing-card-features li{display:flex;align-items:center;gap:12px;font-size:15px}.feature-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-weight:600;flex-shrink:0}.feature-included .feature-icon{background:rgba(16,185,129,.2);color:#6ee7b7}.feature-included{color:#e8eef2}.feature-not-included .feature-icon{background:rgba(148,163,184,.1);color:#8aa0b2}.feature-not-included{color:#8aa0b2}.pricing-card-button{width:100%;justify-content:center;text-decoration:none}.pricing-faq{margin-top:80px}.pricing-faq-title{font-size:32px;font-weight:700;text-align:center;margin:0 0 48px;color:#e8eef2}.faq-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.faq-item{background:rgba(18,20,26,.4);border-radius:12px;padding:24px}.faq-question{font-size:18px;margin:0 0 12px;color:#e8eef2}.faq-answer{font-size:15px;line-height:1.6;color:#8aa0b2}@media (max-width:768px){.faq-grid,.pricing-grid{grid-template-columns:1fr}}.contact-section{padding:60px 0 80px}.contact-content{max-width:1200px;margin:0 auto;padding:0 32px}.contact-grid{gap:64px}.contact-form-container{background:rgba(18,20,26,.6);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;padding:40px}.contact-form-title{font-size:24px;font-weight:700;color:#e8eef2}.contact-form{gap:20px}.contact-info{gap:32px}.contact-info-title{font-size:24px;font-weight:700;color:#e8eef2}.contact-info-items{display:flex;flex-direction:column;gap:24px}.contact-info-item{display:flex;gap:16px}.contact-info-icon{font-size:32px;flex-shrink:0}.contact-info-content{flex:1}.contact-info-label{font-size:16px;font-weight:600;margin:0 0 4px;color:#e8eef2}.contact-info-value{font-size:15px;margin:0 0 4px;color:#8aa0b2}.contact-info-note{font-size:13px;margin:0;color:#8aa0b2;opacity:.7}.contact-info-box{background:rgba(79,70,229,.1);border:1px solid rgba(79,70,229,.2);border-radius:16px;padding:24px}.contact-info-box-title{font-size:18px;font-weight:600;margin:0 0 12px;color:#e8eef2}.contact-info-box-text{font-size:14px;line-height:1.6;color:#8aa0b2;margin:0 0 16px}@media (max-width:968px){.contact-grid{grid-template-columns:1fr;gap:48px}}.marketing-footer{background:rgba(12,14,20,.8);border-top:1px solid hsla(0,0%,100%,.05);padding:64px 0 32px}.marketing-footer-content{padding:0 32px}.marketing-footer-grid{gap:48px;margin-bottom:48px}.marketing-footer-section{display:flex;flex-direction:column;gap:16px}.marketing-footer-title{font-weight:700;margin:0;color:#e8eef2;gap:10px}.footer-logo-svg{width:36px;height:36px;flex-shrink:0}.footer-brand-text{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:20px;color:#e8eef2;letter-spacing:-.03em}.marketing-footer-text{font-size:14px;color:#8aa0b2;margin:0}.marketing-footer-heading{font-size:14px;text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;color:#e8eef2}.marketing-footer-links{gap:8px}.marketing-footer-links a{font-size:14px;color:#8aa0b2}.marketing-footer-links a:hover{color:#e8eef2}.marketing-footer-bottom{border-top:1px solid hsla(0,0%,100%,.05)}.marketing-footer-copyright{color:#8aa0b2;margin:0}@media (max-width:968px){.marketing-footer-grid{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width:640px){.marketing-footer-grid{grid-template-columns:1fr}}.marketing-page{min-height:100vh;background:#0b0c10;color:#e8eef2;font-family:var(--font-inter),ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";overflow-x:hidden}.marketing-nav{position:sticky;top:0;z-index:100;background:rgba(11,12,16,.8);backdrop-filter:blur(12px);border-bottom:1px solid hsla(0,0%,100%,.08);transition:all .3s ease}.marketing-nav-content{max-width:1400px;margin:0 auto;padding:20px 48px;display:flex;align-items:center;justify-content:space-between;gap:48px}.marketing-logo{display:flex;align-items:center;gap:10px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.marketing-logo:hover{transform:translateY(-1px);opacity:.9}.logo-icon-svg{width:32px;height:32px;color:#4f46e5;filter:drop-shadow(0 0 8px rgba(79,70,229,.5))}.logo-text{font-family:Inter,sans-serif;font-weight:700;font-size:24px;color:#fff;letter-spacing:-.03em}.marketing-nav-links{display:flex;align-items:center;gap:32px;flex:1;justify-content:center}.marketing-nav-link{color:#94a3b8;text-decoration:none;font-size:15px;font-weight:500;transition:all .2s ease;position:relative}.marketing-nav-link.active,.marketing-nav-link:hover{color:#fff}.marketing-nav-link.active:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:#4f46e5;border-radius:2px;box-shadow:0 0 8px rgba(79,70,229,.5)}.marketing-nav-actions{display:flex;align-items:center;gap:16px}.nav-login-link{color:#e2e8f0;text-decoration:none;font-size:15px;font-weight:500;transition:all .2s ease;padding:8px 16px;border-radius:8px}.nav-login-link:hover{color:#fff;background:hsla(0,0%,100%,.05)}.hero-section{padding:140px 24px 180px;text-align:center;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:-20%;left:50%;transform:translateX(-50%);width:1000px;height:1000px;background:radial-gradient(circle,rgba(79,70,229,.15) 0,rgba(11,12,16,0) 70%);pointer-events:none;z-index:0}.hero-content{max-width:1000px;margin:0 auto;position:relative;z-index:1}.hero-title{font-size:80px;font-weight:700;line-height:1.1;margin:0 0 32px;color:#fff;letter-spacing:-.03em;background:linear-gradient(to bottom right,#fff 30%,#94a3b8);-webkit-background-clip:text;background-clip:text}.hero-emphasis,.hero-title{-webkit-text-fill-color:transparent}.hero-emphasis{background:linear-gradient(135deg,#818cf8,#4f46e5);-webkit-background-clip:text;background-clip:text;font-style:normal;text-decoration:none;position:relative}.hero-subtitle{font-size:22px;line-height:1.6;color:#94a3b8;margin:0 auto 48px;max-width:700px}.hero-actions{display:flex;gap:20px;flex-wrap:wrap}.btn,.hero-actions{justify-content:center}.btn{background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;border:1px solid hsla(0,0%,100%,.1);padding:14px 28px;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;display:inline-flex;align-items:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px rgba(79,70,229,.3),inset 0 1px 0 hsla(0,0%,100%,.2)}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(79,70,229,.4),inset 0 1px 0 hsla(0,0%,100%,.2)}.btn-secondary{background:hsla(0,0%,100%,.03);color:#e2e8f0;border:1px solid hsla(0,0%,100%,.1);box-shadow:none;backdrop-filter:blur(10px)}.btn-secondary:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2);transform:translateY(-2px);color:#fff}.feature-section{padding:120px 48px;position:relative}.feature-section-alt{background:hsla(0,0%,100%,.02);border-top:1px solid hsla(0,0%,100%,.05);border-bottom:1px solid hsla(0,0%,100%,.05)}.feature-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.feature-content-left,.feature-content-right{display:flex;flex-direction:column;gap:28px;align-items:flex-start}.feature-heading{font-size:48px;font-weight:700;line-height:1.1;color:#fff;margin:0;letter-spacing:-.02em}.feature-text{font-size:18px;line-height:1.7;color:#94a3b8;margin:0}.feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.feature-list li{display:flex;align-items:center;gap:16px;font-size:16px;color:#e2e8f0}.feature-list li:before{content:"✓";width:24px;height:24px;background:rgba(79,70,229,.2);border:1px solid rgba(79,70,229,.4);border-radius:50%;color:#818cf8;font-weight:700;font-size:12px;flex-shrink:0;box-shadow:0 0 10px rgba(79,70,229,.2)}.feature-list li:before,.feature-visual{display:flex;align-items:center;justify-content:center}.feature-visual{position:relative}.feature-visual:before{content:"";position:absolute;inset:-40px;background:radial-gradient(circle,rgba(79,70,229,.1) 0,rgba(11,12,16,0) 70%);z-index:0}.feature-icon-wrapper{width:64px;height:64px;background:linear-gradient(135deg,#4f46e5,#4338ca);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;box-shadow:0 8px 24px rgba(79,70,229,.25),inset 0 1px 0 hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.1)}.feature-icon-svg{width:32px;height:32px;color:#fff;stroke-width:2}.feature-mockup{width:100%;overflow:hidden;backdrop-filter:blur(20px);position:relative;z-index:1;transition:transform .5s ease}.feature-mockup:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 30px 70px rgba(0,0,0,.5),0 0 0 1px hsla(0,0%,100%,.12)}.mockup-header{background:hsla(0,0%,100%,.03);border-bottom:1px solid hsla(0,0%,100%,.06);padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.mockup-dots{display:flex;gap:8px}.mockup-dots span{width:12px;height:12px;border-radius:50%;background:hsla(0,0%,100%,.15)}.mockup-content{padding:32px;min-height:340px;display:flex;gap:24px}.mockup-sidebar{width:140px;display:flex;flex-direction:column;gap:12px}.mockup-item{height:36px;background:hsla(0,0%,100%,.03);border-radius:8px}.mockup-item.active{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1)}.mockup-main{flex:1;display:flex;flex-direction:column;gap:16px}.mockup-line{height:12px;background:hsla(0,0%,100%,.05);border-radius:6px;width:100%}.mockup-line.short{width:60%}.mockup-line.medium{width:80%}.editor-content{padding:32px;display:flex;flex-direction:column;gap:20px}.editor-toolbar{display:flex;gap:4px;align-items:center}.toolbar-btn{width:24px;height:24px;border-radius:6px;background:hsla(0,0%,100%,.1)}.editor-line{height:14px;background:hsla(0,0%,100%,.08);border-radius:4px;width:100%}.editor-line.title{height:24px;width:70%;background:hsla(0,0%,100%,.15);margin-bottom:12px}.editor-line.short{width:40%}.ai-mockup{flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle at center,rgba(79,70,229,.05) 0,transparent 70%)}.ai-prompt{background:rgba(30,41,59,.8);border:1px solid rgba(79,70,229,.3);padding:16px 24px;border-radius:12px;display:flex;align-items:center;gap:12px;margin-bottom:24px;box-shadow:0 8px 24px rgba(0,0,0,.2);width:80%}.ai-icon{color:#818cf8;width:20px;height:20px}.ai-text{color:#e2e8f0;font-size:14px;font-family:var(--font-code)}.ai-output{width:80%;display:flex;flex-direction:column;gap:12px;opacity:.7}.stats-section{padding:80px 48px;border-top:1px solid hsla(0,0%,100%,.08);border-bottom:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.01)}.stats-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.stat-item{text-align:center}.stat-number{font-size:48px;font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:-.02em;background:linear-gradient(180deg,#fff 40%,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:16px;color:#94a3b8;font-weight:500}.export-options{display:flex;gap:32px;justify-content:center;margin-top:40px;flex-wrap:wrap;margin-bottom:40px}.export-option{display:flex;flex-direction:column;align-items:center;gap:16px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);border-radius:20px;padding:32px;width:160px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default}.export-option:hover{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.15);transform:translateY(-6px);box-shadow:0 12px 24px -8px rgba(0,0,0,.3)}.export-icon-wrapper{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.export-option:hover .export-icon-wrapper{transform:scale(1.1)}.export-icon-wrapper.pdf{background:rgba(239,68,68,.1);color:#fca5a5;border:1px solid rgba(239,68,68,.2)}.export-icon-wrapper.epub{background:rgba(245,158,11,.1);color:#fcd34d;border:1px solid rgba(245,158,11,.2)}.export-icon-wrapper.md{background:rgba(59,130,246,.1);color:#93c5fd;border:1px solid rgba(59,130,246,.2)}.export-icon-svg{width:28px;height:28px;stroke-width:2}.export-label{font-size:15px;font-weight:600;color:#e8eef2;letter-spacing:.01em}.cta-section{padding:160px 24px;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(79,70,229,.1) 0,rgba(11,12,16,0) 70%);pointer-events:none;z-index:0}.cta-container{max-width:900px;margin:0 auto;position:relative;z-index:1;background:rgba(20,22,28,.6);border:1px solid hsla(0,0%,100%,.08);border-radius:24px;padding:64px 48px;backdrop-filter:blur(10px)}.cta-heading{font-size:56px;font-weight:700;color:#fff;margin:0 0 24px;letter-spacing:-.02em}.cta-text{font-size:20px;color:#94a3b8;margin:0 0 48px;line-height:1.6}.cta-actions{display:flex;gap:16px;justify-content:center}.marketing-footer{background:#050608;border-top:1px solid hsla(0,0%,100%,.08);padding:80px 48px 40px}.marketing-footer-content{max-width:1200px;margin:0 auto}.marketing-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:64px;margin-bottom:64px}.marketing-footer-title{display:flex;align-items:center;gap:12px;margin:0 0 20px;color:#fff;font-size:20px}.footer-brand-text{font-weight:700;letter-spacing:-.02em}.marketing-footer-text{color:#64748b;line-height:1.6;max-width:300px}.marketing-footer-heading{color:#fff;font-size:16px;font-weight:600;margin:0 0 24px}.marketing-footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.marketing-footer-links a{color:#94a3b8;text-decoration:none;transition:color .2s ease}.marketing-footer-links a:hover{color:#fff}.marketing-footer-bottom{padding-top:32px;border-top:1px solid hsla(0,0%,100%,.08);text-align:center}.marketing-footer-copyright{color:#475569;font-size:14px}@media (max-width:1024px){.feature-container{grid-template-columns:1fr;gap:60px}.feature-content-left,.feature-content-right{align-items:center;text-align:center}.feature-list{align-items:flex-start;display:inline-flex}.feature-visual{order:-1}.stats-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.marketing-nav-content{padding:16px 24px;flex-wrap:wrap}.marketing-nav-links{order:3;width:100%;justify-content:flex-start;overflow-x:auto;padding-top:16px;border-top:1px solid hsla(0,0%,100%,.08);gap:24px}.hero-section{padding:100px 24px 120px}.hero-title{font-size:48px}.hero-subtitle{font-size:18px}.feature-section{padding:80px 24px}.feature-heading{font-size:36px}.marketing-footer-grid{grid-template-columns:1fr;gap:40px}.cta-heading{font-size:40px}}.features-grid-section{padding:100px 48px;background:#0b0c10}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;max-width:1200px;margin:0 auto}.feature-card{background:rgba(20,22,28,.6);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;padding:40px 32px;transition:all .3s ease;backdrop-filter:blur(10px)}.feature-card:hover{border-color:rgba(79,70,229,.4);box-shadow:0 12px 32px rgba(79,70,229,.15);transform:translateY(-4px);background:rgba(20,22,28,.8)}.feature-card-title{font-size:22px;font-weight:600;color:#fff;margin:20px 0 12px}.feature-card-description{font-size:16px;line-height:1.6;color:#94a3b8;margin:0}.pricing-section{padding:0 48px 120px;background:#0b0c10}.pricing-container{max-width:1200px;margin:0 auto}.pricing-header{text-align:center;margin-bottom:80px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:100px}.pricing-card{background:rgba(20,22,28,.6);border:1px solid hsla(0,0%,100%,.08);border-radius:24px;padding:48px 32px;display:flex;flex-direction:column;transition:all .3s ease;position:relative;backdrop-filter:blur(10px)}.pricing-card:hover{border-color:hsla(0,0%,100%,.2);transform:translateY(-4px);background:rgba(20,22,28,.8)}.pricing-card-featured{background:rgba(30,32,40,.8);border-color:rgba(79,70,229,.5);box-shadow:0 0 40px rgba(79,70,229,.15)}.pricing-card-featured:hover{border-color:#4f46e5;box-shadow:0 0 60px rgba(79,70,229,.25)}.pricing-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;padding:6px 20px;border-radius:999px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 12px rgba(79,70,229,.3)}.pricing-card-header{margin-bottom:32px;text-align:center}.pricing-plan-name{font-size:24px;font-weight:600;color:#fff;margin:0 0 16px}.pricing-price{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:16px}.price-currency{font-size:24px;font-weight:600;color:#94a3b8}.price-amount{font-size:64px;font-weight:700;color:#fff;line-height:1;letter-spacing:-.02em}.price-period,.pricing-description{font-size:16px;color:#94a3b8}.pricing-description{margin:0}.pricing-features{list-style:none;padding:0;margin:0 0 40px;display:flex;flex-direction:column;gap:20px;flex:1}.pricing-features li{display:flex;align-items:center;gap:12px;font-size:16px;color:#e2e8f0}.check-icon{width:20px;height:20px;color:#4f46e5;stroke-width:2.5;flex-shrink:0}.faq-section{margin-top:80px;padding-top:80px;border-top:1px solid hsla(0,0%,100%,.08)}.faq-title{font-size:42px;font-weight:600;color:#fff;text-align:center;margin:0 0 64px}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px}.faq-item{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:16px;padding:32px;transition:all .3s ease}.faq-item:hover{background:hsla(0,0%,100%,.04);border-color:hsla(0,0%,100%,.1)}.faq-question{font-size:20px;font-weight:600;color:#fff;margin:0 0 16px}.faq-answer{font-size:16px;line-height:1.7;color:#94a3b8;margin:0}.contact-section{padding:0 48px 120px;background:#0b0c10}.contact-container{max-width:1200px;margin:0 auto}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-form-card{background:rgba(20,22,28,.6);border:1px solid hsla(0,0%,100%,.08);border-radius:24px;padding:48px;backdrop-filter:blur(10px)}.contact-form{gap:24px}.contact-form,.form-field{display:flex;flex-direction:column}.form-field{gap:8px}.form-field label{font-size:14px;font-weight:500;color:#94a3b8;margin-left:4px}.form-input{width:100%;background:rgba(14,18,24,.6);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;padding:16px;color:#e8eef2;font-size:16px;transition:all .2s ease}.form-input:focus{outline:none;background:rgba(14,18,24,.9);border-color:#4f46e5;box-shadow:0 0 0 4px rgba(79,70,229,.1)}.form-input::-moz-placeholder{color:rgba(148,163,184,.5)}.form-input::placeholder{color:rgba(148,163,184,.5)}.form-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#fca5a5;border-radius:12px}.form-error,.form-success{padding:12px 16px;font-size:14px}.form-success{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);color:#6ee7b7;border-radius:12px}.contact-form-title{font-size:32px;font-weight:600;color:#fff;margin:0 0 32px}.contact-info{display:flex;flex-direction:column;gap:40px}.contact-info-title{font-size:32px;font-weight:600;color:#fff;margin:0}.contact-cards{display:flex;flex-direction:column;gap:24px}.contact-card{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:16px;padding:32px;transition:all .3s ease}.contact-card:hover{background:hsla(0,0%,100%,.04);border-color:hsla(0,0%,100%,.1);transform:translateX(4px)}.contact-icon-wrapper{width:56px;height:56px;background:linear-gradient(135deg,#4f46e5,#4338ca);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 8px 24px rgba(79,70,229,.25)}.contact-icon-svg{width:28px;height:28px;color:#fff;stroke-width:2}.contact-card-title{font-size:20px;font-weight:600;color:#fff;margin:0 0 8px}.contact-card-text{font-size:16px;color:#e2e8f0;margin:0 0 4px}.contact-card-note{font-size:14px;color:#94a3b8;margin:0}.btn-full-width{width:100%;display:flex;align-items:center;justify-content:center;text-align:center}@media (max-width:1024px){.pricing-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr;gap:48px}}@media (max-width:768px){.faq-grid,.features-grid,.pricing-grid{grid-template-columns:1fr}.faq-grid{gap:32px}.contact-section{padding:0 24px 80px}.contact-form-card{padding:32px 24px}}.library-page{min-height:100vh;background:linear-gradient(135deg,#0b0c10,#12141a)}.library-hero{background:linear-gradient(135deg,rgba(79,70,229,.1),rgba(124,58,237,.05));padding:80px 48px 100px;position:relative;overflow:hidden;border-bottom:1px solid hsla(0,0%,100%,.05)}.library-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g fill="%234f46e5" fill-opacity="0.03"><path d="M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z"/></g></g></svg>');opacity:1}.library-hero-content{max-width:900px;margin:0 auto;position:relative;z-index:1}.library-hero-title{display:flex;align-items:center;justify-content:center;gap:16px;font-size:48px;font-weight:700;color:#e8eef2;margin:0 0 16px;text-align:center;letter-spacing:-.02em}.library-hero-icon{width:48px;height:48px;stroke-width:2;color:#4f46e5}.library-hero-subtitle{font-size:20px;color:#94a3b8;text-align:center;margin:0 0 40px;line-height:1.6}.library-hero-search{position:relative;max-width:700px;margin:0 auto}.library-search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:22px;height:22px;color:#94a3b8;pointer-events:none;z-index:2}.library-search-input{width:100%;padding:18px 60px;border:1px solid hsla(0,0%,100%,.08);border-radius:16px;font-size:16px;background:rgba(20,22,28,.6);backdrop-filter:blur(10px);color:#e8eef2;box-shadow:0 8px 32px rgba(0,0,0,.3);transition:all .3s ease}.library-search-input::-moz-placeholder{color:rgba(148,163,184,.5)}.library-search-input::placeholder{color:rgba(148,163,184,.5)}.library-search-input:focus{outline:none;background:rgba(20,22,28,.8);border-color:#4f46e5;box-shadow:0 12px 48px rgba(79,70,229,.2),0 0 0 4px rgba(79,70,229,.1)}.library-search-clear{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:none;background:hsla(0,0%,100%,.05);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:2}.library-search-clear svg{width:18px;height:18px;color:#94a3b8}.library-search-clear:hover{background:hsla(0,0%,100%,.1)}.library-main{padding:0 48px 120px;margin-top:-40px;position:relative;z-index:2}.library-container{max-width:1400px;margin:0 auto}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 32px;background:rgba(20,22,28,.6);backdrop-filter:blur(10px);border-radius:20px 20px 0 0;border:1px solid hsla(0,0%,100%,.08);border-bottom-color:hsla(0,0%,100%,.05)}.library-toolbar-left,.library-toolbar-right{display:flex;align-items:center;gap:16px}.library-filter-btn{display:flex;align-items:center;gap:10px;padding:12px 20px;border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.03);border-radius:12px;font-size:15px;font-weight:500;color:#e8eef2;cursor:pointer;transition:all .2s ease;position:relative}.library-filter-btn svg{width:18px;height:18px}.library-filter-btn:hover{border-color:rgba(79,70,229,.4);background:rgba(79,70,229,.1);color:#c7d2fe}.library-filter-btn.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.library-filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;background:#ef4444;color:#fff;border-radius:999px;font-size:12px;font-weight:600}.library-filter-btn.active .library-filter-badge{background:#fff;color:#4f46e5}.library-results-count{font-size:15px;color:#94a3b8}.library-results-count strong{color:#e8eef2;font-weight:600}.library-view-toggle{display:flex;gap:4px;padding:4px;background:hsla(0,0%,100%,.03);border-radius:12px;border:1px solid hsla(0,0%,100%,.05)}.library-view-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:10px;cursor:pointer;transition:all .2s ease}.library-view-btn svg{width:18px;height:18px;color:#94a3b8}.library-view-btn:hover{background:hsla(0,0%,100%,.05)}.library-view-btn.active{background:#4f46e5;box-shadow:0 4px 12px rgba(79,70,229,.3)}.library-view-btn.active svg{color:#fff}.library-sort{display:flex;align-items:center;gap:10px}.library-sort-label{display:flex;align-items:center;justify-content:center;width:40px;height:40px}.library-sort-label svg{width:18px;height:18px;color:#94a3b8}.library-sort-select{padding:12px 16px;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;font-size:15px;font-weight:500;color:#e8eef2;background:hsla(0,0%,100%,.03);cursor:pointer;transition:all .2s ease}.library-sort-select:hover{border-color:hsla(0,0%,100%,.15);background:hsla(0,0%,100%,.05)}.library-sort-select:focus{outline:none;border-color:#4f46e5;background:rgba(79,70,229,.1)}.library-sort-select option{background:#1a1c24;color:#e8eef2}.library-filters{background:rgba(20,22,28,.4);backdrop-filter:blur(10px);border-radius:0;padding:32px;border-bottom:1px solid hsla(0,0%,100%,.05);border-left:1px solid hsla(0,0%,100%,.08);border-right:1px solid hsla(0,0%,100%,.08)}.library-filters-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.library-filters-title{font-size:20px;font-weight:600;color:#e8eef2;margin:0}.library-filters-clear{padding:8px 14px;border:none;background:rgba(239,68,68,.1);color:#fca5a5;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid rgba(239,68,68,.2)}.library-filters-clear:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.3)}.library-filter-section{margin-bottom:32px}.library-filter-section:last-child{margin-bottom:0}.library-filter-heading{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#e8eef2;margin:0 0 16px}.library-filter-heading svg{width:20px;height:20px;color:#4f46e5}.library-filter-count{margin-left:4px;color:#4f46e5;font-weight:600}.library-filter-options{display:flex;flex-direction:column;gap:10px}.library-filter-option{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid transparent;background:hsla(0,0%,100%,.02);border-radius:12px;font-size:15px;color:#94a3b8;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.library-filter-option:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.08);color:#e8eef2}.library-filter-option.active{background:rgba(79,70,229,.15);border-color:rgba(79,70,229,.4);color:#c7d2fe;font-weight:500}.library-filter-radio{width:18px;height:18px;border:2px solid hsla(0,0%,100%,.2);border-radius:50%;position:relative;flex-shrink:0;transition:all .2s ease}.library-filter-option.active .library-filter-radio{border-color:#4f46e5}.library-filter-option.active .library-filter-radio:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:#4f46e5;border-radius:50%}.library-filter-tags{display:flex;flex-wrap:wrap;gap:10px}.library-tag-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.03);border-radius:999px;font-size:13px;color:#94a3b8;cursor:pointer;transition:all .2s ease}.library-tag-chip svg{width:14px;height:14px;display:none}.library-tag-chip:hover{border-color:rgba(79,70,229,.4);background:rgba(79,70,229,.1);color:#c7d2fe}.library-tag-chip.active{background:#4f46e5;border-color:#4f46e5;color:#fff;font-weight:500}.library-tag-chip.active svg{display:block}.library-content{background:rgba(20,22,28,.6);backdrop-filter:blur(10px);border-radius:0 0 20px 20px;padding:40px;min-height:500px;border:1px solid hsla(0,0%,100%,.08);border-top:none}.library-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 32px;gap:24px}.library-spinner{width:56px;height:56px;border:4px solid hsla(0,0%,100%,.1);border-top-color:#4f46e5;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.library-loading p{font-size:17px;color:#94a3b8;margin:0}.library-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 32px;gap:20px;text-align:center}.library-error svg{width:72px;height:72px;color:#ef4444}.library-error h3{font-size:28px;font-weight:600;color:#e8eef2;margin:0}.library-error p{font-size:17px;color:#94a3b8;margin:0;max-width:450px;line-height:1.6}.library-retry-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:#4f46e5;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:12px}.library-retry-btn svg{width:20px;height:20px}.library-retry-btn:hover{background:#4338ca;transform:translateY(-2px);box-shadow:0 8px 24px rgba(79,70,229,.4)}.library-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 32px;gap:20px;text-align:center}.library-empty svg{width:96px;height:96px;color:hsla(0,0%,100%,.15)}.library-empty h3{font-size:28px;font-weight:600;color:#e8eef2;margin:0}.library-empty p{font-size:17px;color:#94a3b8;margin:0;max-width:450px;line-height:1.6}.library-clear-btn{padding:12px 24px;background:rgba(239,68,68,.15);color:#fca5a5;border:1px solid rgba(239,68,68,.3);border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:12px}.library-clear-btn:hover{background:rgba(239,68,68,.25);border-color:rgba(239,68,68,.4);transform:translateY(-1px)}.library-books{display:grid;gap:20px}.library-books--grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.library-books--list{grid-template-columns:1fr;gap:20px}.library-books--compact{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.library-book-card{background:rgba(20,22,28,.6);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;text-decoration:none;color:inherit;position:relative;cursor:pointer;backdrop-filter:blur(10px)}.library-book-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.5);border-color:rgba(79,70,229,.4);z-index:10}.library-book-card--grid{flex-direction:column}.library-book-card--grid .library-book-cover{aspect-ratio:2/3;position:relative}.library-book-card--grid .library-book-image,.library-book-card--grid .library-book-placeholder{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.library-book-card--grid .library-book-info{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(0deg,rgba(0,0,0,.95) 0,rgba(0,0,0,.8) 60%,transparent);display:flex;flex-direction:column;gap:8px;opacity:0;transform:translateY(20px);transition:all .3s ease}.library-book-card--grid:hover .library-book-info{opacity:1;transform:translateY(0)}.library-book-card--list{flex-direction:row;background:rgba(20,22,28,.8)}.library-book-card--list .library-book-cover{width:200px;flex-shrink:0;aspect-ratio:2/3;position:relative}.library-book-card--list .library-book-image,.library-book-card--list .library-book-placeholder{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.library-book-card--list .library-book-info{padding:24px 28px;display:flex;flex-direction:column;gap:12px;flex:1}.library-book-card--list:hover{transform:translateY(-2px)}.library-book-card--compact{flex-direction:column}.library-book-card--compact .library-book-cover{aspect-ratio:2/3;position:relative}.library-book-card--compact .library-book-image,.library-book-card--compact .library-book-placeholder{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.library-book-card--compact .library-book-info{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(0deg,rgba(0,0,0,.95) 0,rgba(0,0,0,.7) 50%,transparent);display:flex;flex-direction:column;gap:6px;opacity:0;transform:translateY(10px);transition:all .3s ease}.library-book-card--compact:hover .library-book-info{opacity:1;transform:translateY(0)}.library-book-card--compact .library-book-description{display:none}.library-book-cover{background:linear-gradient(135deg,rgba(79,70,229,.1),rgba(124,58,237,.05));position:relative;overflow:hidden}.library-book-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.6) 0,transparent 50%);opacity:0;transition:opacity .3s ease}.library-book-card:hover .library-book-cover:after{opacity:1}.library-book-image{transition:transform .5s cubic-bezier(.4,0,.2,1);filter:brightness(.9)}.library-book-card:hover .library-book-image{transform:scale(1.1);filter:brightness(1)}.library-book-placeholder{display:flex;align-items:center;justify-content:center;color:#666;background:linear-gradient(135deg,#2a2a2a,#1a1a1a)}.library-book-placeholder svg{width:56px;height:56px}.library-book-category{position:absolute;top:8px;left:8px;padding:4px 10px;background:rgba(229,9,20,.95);color:#fff;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;backdrop-filter:blur(8px);z-index:2}.library-book-title{font-size:16px;font-weight:700;color:#fff;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 8px rgba(0,0,0,.8)}.library-book-card--compact .library-book-title{font-size:14px;-webkit-line-clamp:2}.library-book-card--list .library-book-title{font-size:20px;text-shadow:none}.library-book-description{font-size:13px;line-height:1.5;color:hsla(0,0%,100%,.85);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 4px rgba(0,0,0,.6)}.library-book-card--list .library-book-description{-webkit-line-clamp:3;color:hsla(0,0%,100%,.8);text-shadow:none}.library-book-tags{display:flex;flex-wrap:wrap;gap:6px}.library-book-tag{padding:3px 8px;background:hsla(0,0%,100%,.2);color:#fff;border-radius:3px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.3)}.library-book-card--list .library-book-tag{background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.25)}.library-book-tag-more{padding:3px 8px;background:hsla(0,0%,100%,.15);color:hsla(0,0%,100%,.7);border-radius:6px;font-size:12px;font-weight:500}.library-book-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding-top:8px;border-top:1px solid hsla(0,0%,100%,.15)}.library-book-card--compact .library-book-meta{flex-direction:column;align-items:flex-start;gap:6px;padding-top:6px}.library-book-card--list .library-book-meta{border-top:1px solid hsla(0,0%,100%,.1);margin-top:12px;padding-top:12px}.library-book-author{display:flex;align-items:center;gap:8px}.library-book-avatar{width:24px;height:24px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid hsla(0,0%,100%,.3)}.library-book-avatar-placeholder{width:24px;height:24px;border-radius:50%;background:hsla(0,0%,100%,.15);display:flex;align-items:center;justify-content:center;border:2px solid hsla(0,0%,100%,.25)}.library-book-avatar-placeholder svg{width:12px;height:12px;color:hsla(0,0%,100%,.6)}.library-book-author-name{font-size:12px;color:hsla(0,0%,100%,.8);font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.5)}.library-book-card--list .library-book-author-name{font-size:13px;text-shadow:none}.library-book-date{display:flex;align-items:center;gap:4px;font-size:11px;color:hsla(0,0%,100%,.6);text-shadow:0 1px 3px rgba(0,0,0,.5)}.library-book-card--list .library-book-date{font-size:12px;text-shadow:none}.library-book-date svg{width:12px;height:12px}.library-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:56px;padding-top:40px;border-top:1px solid hsla(0,0%,100%,.08)}.library-pagination-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.03);border-radius:12px;font-size:15px;font-weight:500;color:#e8eef2;cursor:pointer;transition:all .2s ease}.library-pagination-btn svg{width:18px;height:18px}.library-pagination-btn:hover:not(:disabled){border-color:rgba(79,70,229,.4);background:rgba(79,70,229,.1);color:#c7d2fe;transform:translateY(-1px)}.library-pagination-btn:disabled{opacity:.3;cursor:not-allowed}.library-pagination-pages{display:flex;gap:8px}.library-pagination-page{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.03);border-radius:12px;font-size:15px;font-weight:500;color:#94a3b8;cursor:pointer;transition:all .2s ease}.library-pagination-page:hover{border-color:rgba(79,70,229,.4);background:rgba(79,70,229,.1);color:#c7d2fe}.library-pagination-page.active{background:#4f46e5;border-color:#4f46e5;color:#fff;box-shadow:0 4px 12px rgba(79,70,229,.3)}@media (max-width:1024px){.library-hero{padding:60px 32px 80px}.library-hero-title{font-size:40px}.library-hero-icon{width:40px;height:40px}.library-main{padding:0 32px 100px}.library-books--grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:768px){.library-hero{padding:48px 24px 64px}.library-hero-title{font-size:32px;gap:12px}.library-hero-icon{width:32px;height:32px}.library-hero-subtitle{font-size:17px}.library-search-input{padding:16px 50px;font-size:15px}.library-main{padding:0 24px 80px;margin-top:-30px}.library-toolbar{padding:20px 24px;gap:16px}.library-toolbar,.library-toolbar-left,.library-toolbar-right{flex-direction:column;align-items:stretch}.library-filter-btn,.library-sort,.library-view-toggle{width:100%;justify-content:center}.library-filters{padding:24px}.library-content{padding:28px 24px}.library-books--grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.library-books--compact{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.library-book-card--list{flex-direction:column}.library-book-card--list .library-book-cover{width:100%;aspect-ratio:16/9}.library-pagination{flex-wrap:wrap;gap:12px}.library-pagination-btn{padding:10px 16px;font-size:14px}.library-pagination-pages{gap:6px}.library-pagination-page{width:40px;height:40px;font-size:14px}}@media (max-width:480px){.library-hero-title{font-size:28px;flex-direction:column;gap:8px}.library-hero-subtitle{font-size:16px}.library-books--grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.library-pagination-pages{display:none}}@media (max-width:1024px){.library-books--grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.library-books--compact{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:768px){.library-hero{padding:40px 24px 56px}.library-hero-title{font-size:28px;gap:10px}.library-hero-icon{width:28px;height:28px}.library-hero-subtitle{font-size:15px;margin-bottom:20px}.library-main{padding:0 24px 60px}.library-toolbar{gap:16px}.library-toolbar,.library-toolbar-left,.library-toolbar-right{flex-direction:column;align-items:stretch}.library-view-toggle{justify-content:center}.library-books--compact,.library-books--grid{grid-template-columns:1fr}.library-book-card--list{flex-direction:column}.library-book-card--list .library-book-cover{width:100%}.library-pagination{flex-wrap:wrap}.library-pagination-pages{order:-1;width:100%;justify-content:center}}@media (max-width:480px){.library-hero{padding:32px 20px 48px}.library-hero-title{font-size:24px}.library-hero-icon{width:24px;height:24px}.library-search-input{padding:12px 48px;font-size:14px}.library-search-icon{width:18px;height:18px;left:16px}.library-filter-tags{gap:6px}.library-tag-chip{font-size:12px;padding:5px 10px}}@media (max-width:768px){.logo-icon-svg{width:36px;height:36px}.logo-text-light{font-size:20px}.footer-logo-svg{width:32px;height:32px}.footer-brand-text{font-size:18px}}@media (max-width:480px){.logo-icon-svg{width:32px;height:32px}.logo-text-light{font-size:18px}.footer-brand-text{font-size:16px}}.bmb-layout{display:flex;min-height:100vh;background:#0f0f0f;color:#fff}.bmb-sidebar{width:220px;background:#0a0a0a;border-right:1px solid #1a1a1a;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.bmb-sidebar__header{padding:16px;border-bottom:1px solid #1a1a1a}.bmb-sidebar__workspace{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#141414;border-radius:8px;cursor:pointer;transition:background .2s ease}.bmb-sidebar__workspace:hover{background:#1a1a1a}.bmb-sidebar__workspace-icon{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.bmb-sidebar__workspace-info{flex:1;display:flex;align-items:center;justify-content:space-between;gap:8px}.bmb-sidebar__workspace-name{font-size:14px;font-weight:600;color:#fff}.bmb-sidebar__nav{flex:1;padding:8px;overflow-y:auto}.bmb-sidebar__section{margin-bottom:16px}.bmb-sidebar__section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#666;padding:8px 12px 4px;margin-bottom:4px}.bmb-sidebar__divider{height:1px;background:#1a1a1a;margin:12px 0}.bmb-sidebar__item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;background:transparent;border:none;color:#a0a0a0;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;text-align:left;position:relative}.bmb-sidebar__item:hover{background:#141414;color:#fff}.bmb-sidebar__item.active{background:#1a1a1a;color:#fff}.bmb-sidebar__item svg{flex-shrink:0;width:16px;height:16px}.bmb-sidebar__item span{flex:1}.bmb-sidebar__item-arrow{margin-left:auto;opacity:.5}.bmb-sidebar__item--logout{color:#888;margin-top:auto}.bmb-sidebar__item--logout:hover{background:rgba(239,68,68,.1);color:#ef4444}.bmb-sidebar__item--logout:hover svg{stroke:#ef4444}.bmb-sidebar__item--logout:disabled{opacity:.5;cursor:not-allowed}.bmb-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.bmb-toolbar{justify-content:space-between;padding:12px 24px;background:#0f0f0f;border-bottom:1px solid #1a1a1a;flex-wrap:wrap}.bmb-toolbar,.bmb-toolbar__left{display:flex;align-items:center;gap:16px}.bmb-toolbar__left{flex:1;min-width:0}.bmb-toolbar__right{display:flex;align-items:center;gap:8px}.bmb-toolbar__tabs{display:flex;align-items:center;gap:4px;background:#0a0a0a;padding:4px;border-radius:8px}.bmb-toolbar__tab{padding:6px 14px;border-radius:6px;background:transparent;border:none;color:#a0a0a0;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.bmb-toolbar__tab:hover{color:#fff;background:#141414}.bmb-toolbar__tab.active{background:#1a1a1a;color:#fff}.bmb-toolbar__workspace-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(139,92,246,.15));border:1px solid rgba(99,102,241,.3);border-radius:6px;font-size:12px;font-weight:500;color:#a78bfa}.bmb-toolbar__workspace-badge svg{width:14px;height:14px;opacity:.8}.bmb-toolbar__search{display:flex;align-items:center;gap:8px;background:#0a0a0a;border:1px solid #1a1a1a;border-radius:8px;padding:8px 12px;flex:1;max-width:400px;transition:all .2s ease}.bmb-toolbar__search:focus-within{border-color:#3b82f6;background:#141414}.bmb-toolbar__search svg{color:#666;flex-shrink:0}.bmb-toolbar__search input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:14px;min-width:0}.bmb-toolbar__search input::-moz-placeholder{color:#666}.bmb-toolbar__search input::placeholder{color:#666}.bmb-toolbar__filter{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0a0a0a;border:1px solid #1a1a1a;border-radius:8px;color:#a0a0a0;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.bmb-toolbar__filter:hover{background:#141414;border-color:#2a2a2a;color:#fff}.bmb-toolbar__filter svg{width:16px;height:16px}.bmb-toolbar__view-toggle{display:flex;align-items:center;gap:2px;background:#0a0a0a;padding:4px;border-radius:8px}.bmb-toolbar__view-btn{padding:6px;background:transparent;border:none;border-radius:6px;color:#666;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.bmb-toolbar__view-btn:hover{background:#141414;color:#a0a0a0}.bmb-toolbar__view-btn.active{background:#1a1a1a;color:#fff}.bmb-toolbar__view-btn svg{width:16px;height:16px}.bmb-toolbar__btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap}.bmb-toolbar__btn svg{width:16px;height:16px}.bmb-toolbar__btn--secondary{background:#0a0a0a;border:1px solid #1a1a1a;color:#a0a0a0}.bmb-toolbar__btn--secondary:hover{background:#141414;border-color:#2a2a2a;color:#fff}.bmb-toolbar__btn--primary{background:#3b82f6;color:#fff}.bmb-toolbar__btn--primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.bmb-content{flex:1;overflow-y:auto;padding:24px;background:#0f0f0f}.bmb-error{display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#fca5a5;font-size:14px;margin-bottom:24px}.bmb-books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}@media (min-width:1400px){.bmb-books-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1200px){.bmb-books-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.bmb-books-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.bmb-books-grid{grid-template-columns:1fr}}.bmb-books-grid.list-view{grid-template-columns:1fr;gap:12px}.bmb-books-grid.list-view .bmb-book-card{flex-direction:row}.bmb-books-grid.list-view .bmb-book-card__preview{width:120px;height:120px;flex-shrink:0}.bmb-book-card{background:#141414;border:1px solid #1a1a1a;border-radius:12px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;position:relative}.bmb-book-card:hover{border-color:#2a2a2a;transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.4)}.bmb-book-card__preview{position:relative;width:100%;aspect-ratio:16/10;background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border-bottom:1px solid #1a1a1a;overflow:hidden;display:flex;align-items:center;justify-content:center;text-decoration:none}.bmb-book-card__preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.bmb-book-card:hover .bmb-book-card__preview img{transform:scale(1.05)}.bmb-book-card__preview-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#333}.bmb-book-card__info{padding:16px;flex:1;display:flex;flex-direction:column;gap:6px}.bmb-book-card__title{margin:0;font-size:15px;font-weight:600;color:#fff;line-height:1.4}.bmb-book-card__title a{color:inherit;text-decoration:none;transition:color .2s ease}.bmb-book-card__title a:hover{color:#3b82f6}.bmb-book-card__meta{margin:0;font-size:13px;color:#666}.bmb-book-card__actions{position:absolute;top:12px;right:12px;display:flex;gap:6px;opacity:0;transition:opacity .2s ease}.bmb-book-card:hover .bmb-book-card__actions{opacity:1}.bmb-book-card__action{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.8);backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;color:#a0a0a0;cursor:pointer;transition:all .2s ease}.bmb-book-card__action:hover{background:rgba(0,0,0,.95);border-color:hsla(0,0%,100%,.2);color:#fff}.bmb-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#666;font-size:14px;gap:16px}.bmb-loading__spinner{width:32px;height:32px;border:3px solid #222;border-top-color:#3b82f6;border-radius:50%;animation:bmb-spin .8s linear infinite}@keyframes bmb-spin{to{transform:rotate(1turn)}}.bmb-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;color:#666}.bmb-empty svg{margin-bottom:24px;opacity:.3}.bmb-empty h2{margin:0 0 8px;font-size:24px;font-weight:600;color:#a0a0a0}.bmb-empty p{margin:0 0 24px;font-size:15px;color:#666}@media (max-width:768px){.bmb-sidebar{position:fixed;left:-220px;top:0;bottom:0;z-index:1000;transition:left .3s ease}.bmb-sidebar.bmb-tree__expanded{left:0}.bmb-toolbar{padding:12px 16px}.bmb-toolbar__left{flex-wrap:wrap}.bmb-toolbar__search{max-width:100%;order:3;flex-basis:100%}.bmb-content{padding:16px}}@media (max-width:480px){.bmb-toolbar__tabs{width:100%;justify-content:space-between}.bmb-toolbar__right{width:100%;justify-content:flex-end}.bmb-toolbar__btn span{display:none}}.bmb-filter-dropdown{position:relative}.bmb-filter-dropdown__menu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:#0a0a0a;border:1px solid #1a1a1a;border-radius:8px;padding:6px;box-shadow:0 8px 24px rgba(0,0,0,.5);z-index:100}.bmb-filter-dropdown__item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:6px;color:#a0a0a0;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.bmb-filter-dropdown__item:hover{background:#141414;color:#fff}.bmb-filter-dropdown__item.active{background:#1a1a1a;color:#3b82f6}.bmb-filter-dropdown__item svg{width:16px;height:16px;flex-shrink:0}.bmb-filter-dropdown__item.active svg{color:#3b82f6}.settings-nav-link:hover{background-color:#f3f4f6}.settings-nav-link[aria-current=page]{background-color:#eff6ff;color:#2563eb}.settings-nav-link[aria-current=page] svg{opacity:1;color:#2563eb}.pricing-table-container{overflow-x:auto}.pricing-table{width:100%;border-collapse:collapse}.pricing-table th{padding:12px;text-align:center;font-weight:600;border-bottom:2px solid hsla(0,0%,100%,.1);color:#e8eef2}.pricing-table th:first-child{text-align:left}.pricing-table td{padding:12px;text-align:center;border-bottom:1px solid hsla(0,0%,100%,.05);color:#8aa0b2}.pricing-table td:first-child{text-align:left;color:#e8eef2}.pricing-table-price{font-weight:600;color:#e8eef2}.card-student-discount{background-color:rgba(16,185,129,.1);border-color:rgba(16,185,129,.2)}.btn-student{background-color:#10b981;color:#fff;border:none}.btn-student:hover{background-color:#059669}.panel-header{font-size:24px;font-weight:700;margin-bottom:16px;color:#e8eef2}.info-row{display:flex;justify-content:space-between;margin-bottom:8px}.info-label{color:#8aa0b2}.bmb-tree__section-title,.info-value{font-weight:600;color:#e8eef2}.bmb-tree__section-title,.btn-full{margin-bottom:8px}.btn-full{width:100%;justify-content:center}.btn-upgrade-pro{background-color:#2563eb}.btn-upgrade-pro:hover{background-color:#1d4ed8}.btn-upgrade-team{background-color:#9333ea}.btn-upgrade-team:hover{background-color:#7e22ce}.btn-purchase{background-color:#16a34a}.btn-purchase:hover{background-color:#15803d}.credit-package-btn{width:100%;padding:12px 16px;background:hsla(0,0%,100%,.05);border-radius:8px;text-align:left;margin-bottom:8px;border:1px solid transparent;color:#e8eef2;transition:all .2s}.credit-package-btn:hover{background:hsla(0,0%,100%,.1)}.credit-package-price{font-weight:600}.credit-package-desc{font-size:14px;color:#8aa0b2}.transaction-item{display:flex;justify-content:space-between;font-size:14px;margin-bottom:4px}.text-green{color:#4ade80}.text-red{color:#f87171}.html-preview{width:100%;min-height:200px;padding:20px;background:#fff;color:#1a1a1a;border-radius:8px;overflow:auto}.html-preview *{box-sizing:border-box}.html-code-editor{font-family:var(--font-code)!important;font-size:13px;line-height:1.5;-moz-tab-size:2;-o-tab-size:2;tab-size:2;white-space:pre-wrap;word-wrap:break-word}.section-placeholder{text-align:center;padding:60px 20px;color:#666}.section-placeholder h2{margin-bottom:10px;color:#333}.section-placeholder p{color:#888}.editor-streaming-indicator{display:inline-block;margin-left:4px}.editor-streaming-cursor{animation:blink 1s infinite;color:var(--accent)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.monaco-editor-container{width:100%;height:100%;min-height:400px;border-radius:8px;overflow:hidden}.monaco-loading{display:flex;align-items:center;justify-content:center;height:100%;min-height:400px;background-color:#1e1e1e;color:#8aa0b2;font-size:14px}.editor-wrapper{height:100%;display:flex;flex-direction:column}.editor-wrapper .monaco-editor-container{flex:1}.teacher-mode-chatkit{position:relative;width:100%;height:100%;min-height:400px;display:flex;flex-direction:column;background:var(--color-bg-secondary,#0f1419);border-radius:8px;overflow:hidden}.teacher-mode-chatkit .chatkit-visible{display:block;width:100%;height:100%}.teacher-mode-chatkit .chatkit-hidden{pointer-events:none;opacity:0;position:absolute}.chatkit-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary,#0f1419);z-index:10}.chatkit-loading{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--color-text-secondary,#8aa0b2)}.chatkit-spinner{width:32px;height:32px;border:3px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:chatkit-spin .8s linear infinite}@keyframes chatkit-spin{to{transform:rotate(1turn)}}.chatkit-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;text-align:center;color:var(--color-text-secondary,#8aa0b2)}.chatkit-error svg{color:#f87171}.chatkit-error p{max-width:300px;font-size:14px;line-height:1.5}.chatkit-retry-btn{padding:8px 16px;background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.3);border-radius:6px;color:#818cf8;font-size:13px;cursor:pointer;transition:all .2s}.chatkit-retry-btn:hover{background:rgba(99,102,241,.25);border-color:rgba(99,102,241,.5)}.teacher-mode-chatkit openai-chatkit{--chatkit-bg:var(--color-bg-secondary,#0f1419);--chatkit-text:var(--color-text-primary,#e8eef2)}.webflow-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#4353ff,#146ef5);border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.webflow-btn:hover:not(:disabled){background:linear-gradient(135deg,#5463ff,#2480ff);transform:translateY(-1px);box-shadow:0 4px 12px rgba(67,83,255,.3)}.webflow-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.webflow-btn svg{flex-shrink:0}.multi-canvas-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid #333;border-radius:6px;color:#888;font-size:12px;cursor:pointer;transition:all .2s ease}.multi-canvas-toggle:hover{background:#333;color:#fff}.multi-canvas-toggle.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.multi-canvas-toggle svg{flex-shrink:0}.no-section-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#888;padding:40px}.no-section-icon{font-size:64px;margin-bottom:16px;opacity:.5}.no-section-selected h3{font-size:20px;font-weight:600;color:#fff;margin:0 0 8px}.no-section-selected p{font-size:14px;color:#666;margin:0}.canvas-tabs{display:flex;gap:4px;margin-left:16px;padding-left:16px;border-left:1px solid #333}.canvas-tab-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid transparent;border-radius:6px;color:#888;font-size:13px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.canvas-tab-btn:hover{background:#333;color:#fff}.canvas-tab-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.page-preview-modal{position:fixed;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page-preview-modal__content{width:100%;max-width:1400px;height:90vh;background:#1a1a1a;border-radius:16px;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 24px 80px rgba(0,0,0,.5);display:flex;flex-direction:column;overflow:hidden;animation:slideUp .25s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.page-preview-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.02)}.page-preview-modal__header h3{font-size:15px;font-weight:600;color:hsla(0,0%,100%,.9);margin:0}.page-preview-modal__close{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:hsla(0,0%,100%,.5);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.page-preview-modal__close:hover{background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.9)}.page-preview-modal__body{flex:1;overflow:hidden;background:#fff}.page-preview-modal__iframe{width:100%;height:100%;border:none}.Toastify__toast-container{width:auto!important;max-width:520px!important;min-width:480px!important}.Toastify__toast{background:#1a1d24!important;border:1px solid #2a2f3a!important;border-radius:10px!important;box-shadow:0 8px 32px rgba(0,0,0,.4)!important;padding:14px 18px!important;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:14px!important;min-height:auto!important}.Toastify__toast-body{padding:0!important;margin:0!important;color:#e8eef2!important;font-weight:500!important;letter-spacing:-.01em!important}.Toastify__toast--success{border-left:3px solid #22c55e!important}.Toastify__toast--error{border-left:3px solid #ef4444!important}.Toastify__toast--warning{border-left:3px solid #f59e0b!important}.Toastify__toast--info{border-left:3px solid #3b82f6!important}.Toastify__progress-bar{background:linear-gradient(90deg,#4f46e5,#6366f1)!important;height:3px!important}.Toastify__toast--success .Toastify__progress-bar{background:linear-gradient(90deg,#22c55e,#4ade80)!important}.Toastify__toast--error .Toastify__progress-bar{background:linear-gradient(90deg,#ef4444,#f87171)!important}.Toastify__close-button{color:#6b7280!important;opacity:.7!important}.Toastify__close-button:hover{opacity:1!important;color:#e8eef2!important}.Toastify__toast-icon{width:20px!important;margin-right:12px!important}.Toastify__toast-icon svg{fill:currentColor!important}.Toastify__toast--success .Toastify__toast-icon{color:#22c55e!important}.Toastify__toast--error .Toastify__toast-icon{color:#ef4444!important}.Toastify__toast--warning .Toastify__toast-icon{color:#f59e0b!important}.inspect-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid #3a3f4b;border-radius:6px;color:#94a3b8;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.inspect-btn:hover{background:rgba(59,130,246,.1);border-color:#3b82f6;color:#3b82f6}.inspect-btn.active{background:rgba(59,130,246,.15);border-color:#3b82f6;color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2)}.inspect-btn svg{flex-shrink:0}.selected-element-context{background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.3);border-radius:8px;margin-bottom:8px;overflow:hidden}.selected-element-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:rgba(59,130,246,.1);border-bottom:1px solid rgba(59,130,246,.2)}.selected-element-label{display:flex;align-items:center;gap:8px;font-size:12px;color:#94a3b8}.selected-element-label svg{color:#3b82f6;flex-shrink:0}.selected-element-label code{background:rgba(59,130,246,.15);padding:2px 6px;border-radius:4px;font-family:ui-monospace,monospace;font-size:11px;color:#60a5fa}.selected-element-remove{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:4px;color:#64748b;cursor:pointer;transition:all .15s ease}.selected-element-remove:hover{background:rgba(239,68,68,.15);color:#ef4444}.selected-element-preview{padding:8px 12px;max-height:100px;overflow:auto}.selected-element-preview pre{margin:0;font-family:ui-monospace,monospace;font-size:11px;line-height:1.5;color:#94a3b8;white-space:pre-wrap;word-break:break-all}.credit-balance-card{background:hsla(0,0%,100%,.03);border-radius:12px;border:1px solid hsla(0,0%,100%,.08);overflow:hidden}.credit-balance-header{padding:20px 24px;border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;justify-content:space-between;align-items:center}.credit-balance-title{font-size:16px;font-weight:600;color:#fff;margin:0}.credit-balance-admin-badge{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.credit-balance-content{padding:24px}.credit-balance-main{margin-bottom:24px}.credit-balance-total{text-align:center;margin-bottom:16px}.credit-balance-number{display:block;font-size:48px;font-weight:700;color:#fff;line-height:1}.credit-balance-label{display:block;font-size:14px;color:hsla(0,0%,100%,.5);margin-top:8px}.credit-balance-progress-container{margin-top:16px}.credit-balance-progress-bar{height:8px;background:hsla(0,0%,100%,.1);border-radius:4px;overflow:hidden}.credit-balance-progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.credit-balance-progress-text{font-size:12px;color:hsla(0,0%,100%,.5);margin-top:8px;text-align:center}.credit-balance-breakdown{background:hsla(0,0%,100%,.03);border-radius:10px;padding:16px;margin-bottom:16px}.credit-balance-row{display:flex;justify-content:space-between;padding:8px 0;font-size:13px;color:hsla(0,0%,100%,.7);border-bottom:1px solid hsla(0,0%,100%,.05)}.credit-balance-row:last-child{border-bottom:none}.credit-balance-reset{font-size:12px;color:hsla(0,0%,100%,.4);margin-top:8px;text-align:center}.credit-balance-formula{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:12px;margin-bottom:16px;text-align:center}.credit-balance-formula-label{display:block;font-size:11px;color:hsla(0,0%,100%,.5);margin-bottom:4px}.credit-balance-formula code{font-family:var(--font-code);font-size:12px;color:#10b981}.credit-balance-purchase-btn{width:100%;padding:12px 20px;border-radius:10px;border:1px solid hsla(0,0%,100%,.15);background:transparent;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.credit-balance-purchase-btn:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.25)}.credit-balance-packages{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.credit-package{position:relative;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;padding:16px;text-align:center;cursor:pointer;transition:all .2s}.credit-package:hover{background:hsla(0,0%,100%,.05);border-color:rgba(59,130,246,.3)}.credit-package-popular{border-color:rgba(59,130,246,.4);background:rgba(59,130,246,.08)}.credit-package-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:#3b82f6;color:#fff;padding:2px 10px;border-radius:10px;font-size:10px;font-weight:600}.credit-package-credits{display:block;font-size:14px;font-weight:600;color:#fff;margin-bottom:4px}.credit-package-price{display:block;font-size:18px;font-weight:700;color:#3b82f6}.credit-balance-empty,.credit-balance-loading{padding:24px;text-align:center;color:hsla(0,0%,100%,.5)}.sandboxed-preview-wrapper{width:100%;position:relative;background:#fff}.sandboxed-preview-iframe{width:100%;min-height:100px;height:auto;border:none;background:#fff;display:block}.sandboxed-preview-streaming{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(0,0,0,.8);border-radius:20px;color:#fff;font-size:13px;z-index:10}.sandboxed-preview-streaming .streaming-indicator{color:#22c55e;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.toolbar-icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:5px;color:hsla(0,0%,100%,.6);cursor:pointer;transition:all .15s ease;position:relative}.toolbar-icon-btn svg{width:16px;height:16px;flex-shrink:0}.toolbar-icon-btn:after{content:attr(title);position:absolute;bottom:-32px;left:50%;transform:translateX(-50%);padding:6px 10px;background:rgba(0,0,0,.9);color:#fff;font-size:12px;font-weight:500;white-space:nowrap;border-radius:6px;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;pointer-events:none;z-index:1000}.toolbar-icon-btn:hover:after{opacity:1;visibility:visible}.toolbar-icon-btn:hover{background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.95)}.toolbar-icon-btn.active{background:rgba(99,102,241,.2);color:#a5b4fc}.toolbar-icon-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-icon-btn--webflow{color:#4353ff}.toolbar-icon-btn--webflow:hover{background:rgba(67,83,255,.15);border-color:rgba(67,83,255,.3);color:#6b7bff}.toolbar-icon-btn--webflow.loading{opacity:.6}.toolbar-icon-btn--figma{color:#f24e1e}.toolbar-icon-btn--figma:hover{background:rgba(242,78,30,.15);border-color:rgba(242,78,30,.3);color:#ff7262}.toolbar-icon-btn--figma.loading{opacity:.6}.toolbar-icon-btn--elementor{color:#92003b}.toolbar-icon-btn--elementor:hover{background:rgba(146,0,59,.15);border-color:rgba(146,0,59,.3);color:#d4145a}.toolbar-icon-btn--elementor.loading{opacity:.6}.toolbar-icon-btn--droip{color:#fd0}.toolbar-icon-btn--droip:hover{background:rgba(255,221,0,.15);border-color:rgba(255,221,0,.3);color:#ffe44d}.toolbar-icon-btn--droip.loading{opacity:.6}.toolbar-icon-btn--ai{color:#34d399}.toolbar-icon-btn--ai:hover{background:rgba(16,185,129,.15);border-color:rgba(16,185,129,.3);color:#6ee7b7}.toolbar-icon-btn--ai.active{background:rgba(16,185,129,.25);border-color:rgba(16,185,129,.5);color:#6ee7b7}.canvas-tabs-nav{display:flex;align-items:center;gap:4px;border-right:1px solid hsla(0,0%,100%,.1)}.last\:border-0:last-child{border-width:0}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem}.hover\:-translate-y-1:hover,.hover\:-translate-y-2:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-2:hover{--tw-translate-y:-0.5rem}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:scale-105:hover,.hover\:scale-110:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1}.hover\:border-\[\#3a3d46\]:hover{--tw-border-opacity:1;border-color:rgb(58 61 70/var(--tw-border-opacity,1))}.hover\:border-\[\#7C5CFC\]:hover{--tw-border-opacity:1;border-color:rgb(124 92 252/var(--tw-border-opacity,1))}.hover\:border-\[\#F97316\]:hover{--tw-border-opacity:1;border-color:rgb(249 115 22/var(--tw-border-opacity,1))}.hover\:border-gray-200:hover{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.hover\:bg-\[\#1a1d26\]:hover{--tw-bg-opacity:1;background-color:rgb(26 29 38/var(--tw-bg-opacity,1))}.hover\:bg-\[\#3a3d46\]:hover{--tw-bg-opacity:1;background-color:rgb(58 61 70/var(--tw-bg-opacity,1))}.hover\:bg-\[\#3b49e0\]:hover{--tw-bg-opacity:1;background-color:rgb(59 73 224/var(--tw-bg-opacity,1))}.hover\:bg-\[\#6B4FE0\]:hover{--tw-bg-opacity:1;background-color:rgb(107 79 224/var(--tw-bg-opacity,1))}.hover\:bg-\[\#7C5CFC\]:hover{--tw-bg-opacity:1;background-color:rgb(124 92 252/var(--tw-bg-opacity,1))}.hover\:bg-\[\#ea580c\]:hover{--tw-bg-opacity:1;background-color:rgb(234 88 12/var(--tw-bg-opacity,1))}.hover\:bg-\[var\(--marketing-surface\)\]:hover{background-color:var(--marketing-surface)}.hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-green-200:hover{--tw-bg-opacity:1;background-color:rgb(187 247 208/var(--tw-bg-opacity,1))}.hover\:bg-purple-700:hover{--tw-bg-opacity:1;background-color:rgb(126 34 206/var(--tw-bg-opacity,1))}.hover\:bg-red-200:hover{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity,1))}.hover\:bg-white\/10:hover{background-color:hsla(0,0%,100%,.1)}.hover\:bg-white\/20:hover{background-color:hsla(0,0%,100%,.2)}.hover\:text-\[\#6B4FE0\]:hover{--tw-text-opacity:1;color:rgb(107 79 224/var(--tw-text-opacity,1))}.hover\:text-\[\#7C5CFC\]:hover{--tw-text-opacity:1;color:rgb(124 92 252/var(--tw-text-opacity,1))}.hover\:text-\[\#F97316\]:hover{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.hover\:text-gray-300:hover{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.hover\:text-gray-400:hover{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.hover\:shadow-2xl:hover,.hover\:shadow-lg:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[\#7C5CFC\]\/40:hover{--tw-shadow-color:rgba(124,92,252,.4);--tw-shadow:var(--tw-shadow-colored)}.focus\:border-\[\#7C5CFC\]:focus{--tw-border-opacity:1;border-color:rgb(124 92 252/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-\[\#7C5CFC\]\/50:focus{--tw-ring-color:rgba(124,92,252,.5)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group[open] .group-open\:rotate-45{--tw-rotate:45deg}.group:hover .group-hover\:translate-x-0\.5,.group[open] .group-open\:rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x:0.125rem}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.group:hover .group-hover\:scale-105,.group:hover .group-hover\:scale-110{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:shadow-blue-500\/25{--tw-shadow-color:rgba(59,130,246,.25);--tw-shadow:var(--tw-shadow-colored)}@media (min-width:640px){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-5xl{font-size:3rem;line-height:1}}@media (min-width:768px){.md\:order-1{order:1}.md\:order-2{order:2}.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:gap-8{gap:2rem}.md\:px-12{padding-left:3rem;padding-right:3rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}}@media (min-width:1024px){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:gap-8{gap:2rem}.lg\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.lg\:py-28{padding-top:7rem;padding-bottom:7rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-6xl{font-size:3.75rem;line-height:1}}@media (min-width:1280px){.xl\:flex{display:flex}}