@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Outfit:wght@300;400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}:root{--bf-bg:#f0f2f5;--bf-surface:#fff;--bf-border:#d5d9e2;--bf-accent:#2b5ce6;--bf-text:#111827;--bf-text2:#4b5563;--bf-text3:#9ca3af;--bf-scrollbar:#c8cdd6;--bf-placeholder:#9ca3af;--bf-option-bg:#fff;--bf-font-display:"Syne", sans-serif;--bf-font-body:"Outfit", sans-serif}body{background:var(--bf-bg);font-family:var(--bf-font-body);color:var(--bf-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;-webkit-overflow-scrolling:touch}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bf-stagger>*{animation:.4s cubic-bezier(.25,1,.5,1) both fadeUp}.bf-stagger>:first-child{animation-delay:30ms}.bf-stagger>:nth-child(2){animation-delay:80ms}.bf-stagger>:nth-child(3){animation-delay:.13s}.bf-stagger>:nth-child(4){animation-delay:.18s}.bf-stagger>:nth-child(5){animation-delay:.23s}.bf-stagger>:nth-child(6){animation-delay:.28s}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bf-scrollbar);border-radius:4px}input,textarea,select{background:var(--bf-surface);border:1px solid var(--bf-border);color:var(--bf-text);font-family:var(--bf-font-body);border-radius:10px;outline:none;width:100%;padding:11px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:var(--bf-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--bf-accent) 12%, transparent)}input::placeholder,textarea::placeholder{color:var(--bf-placeholder)}select option{background:var(--bf-option-bg)}button{font-family:var(--bf-font-body)}h1,h2,h3,.bf-display{font-family:var(--bf-font-display)}@keyframes blobDrift1{0%{transform:translate(0)scale(1)}25%{transform:translate(60px,-80px)scale(1.08)}50%{transform:translate(-40px,-40px)scale(.95)}75%{transform:translate(30px,50px)scale(1.05)}to{transform:translate(0)scale(1)}}@keyframes blobDrift2{0%{transform:translate(0)scale(1)rotate(0)}33%{transform:translate(-70px,60px)scale(1.12)rotate(20deg)}66%{transform:translate(50px,-30px)scale(.92)rotate(-15deg)}to{transform:translate(0)scale(1)rotate(0)}}@keyframes blobDrift3{0%{transform:translate(0)scale(1)}40%{transform:translate(80px,40px)scale(1.1)}70%{transform:translate(-60px,80px)scale(.9)}to{transform:translate(0)scale(1)}}@keyframes blobDrift4{0%{transform:translate(0)scale(1)rotate(0)}30%{transform:translate(-50px,-70px)scale(1.15)rotate(30deg)}60%{transform:translate(70px,30px)scale(.88)rotate(-20deg)}to{transform:translate(0)scale(1)rotate(0)}}.bf-bg-blobs{transition:opacity .5s}.bf-blob{filter:blur(80px);opacity:.6;will-change:transform;border-radius:50%;position:absolute}.bf-blob-1{background:radial-gradient(circle,#7c3aed40 0%,#6366f11f 40%,#0000 70%);width:55vw;max-width:750px;height:55vw;max-height:750px;animation:22s ease-in-out infinite blobDrift1;bottom:-15%;right:-8%}.bf-blob-2{background:radial-gradient(circle,#a855f72e 0%,#7c3aed0f 50%,#0000 70%);width:40vw;max-width:550px;height:40vw;max-height:550px;animation:28s ease-in-out infinite blobDrift2;top:5%;left:-5%}.bf-blob-3{background:radial-gradient(circle,#5a93ff24 0%,#6366f10f 50%,#0000 65%);width:30vw;max-width:400px;height:30vw;max-height:400px;animation:25s ease-in-out infinite blobDrift3;top:45%;left:25%}.bf-blob-4{background:radial-gradient(circle,#9b70ff26 0%,#7c3aed0d 50%,#0000 65%);width:35vw;max-width:480px;height:35vw;max-height:480px;animation:30s ease-in-out infinite blobDrift4;top:-10%;right:15%}.bf-bg-blobs:after{content:"";pointer-events:none;z-index:1;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:fixed;inset:0}.bf-light .bf-blob{opacity:.18;filter:blur(100px)}.bf-light .bf-bg-blobs:after{opacity:.03}@media (width>=1025px){.bf-app-layout{flex-direction:row!important}.bf-sidebar{display:flex!important}.bf-tab-bar{display:none!important}.bf-main-column{flex:1!important;min-width:0!important;margin-left:240px!important}.bf-header{display:none!important}.bf-content{padding:24px 40px!important}}.bf-sidebar{display:none}.bf-sidebar nav button{transition:all .2s}.bf-sidebar nav button:hover{opacity:.85}@media (width<=1024px){.bf-tab-bar{display:flex!important}}@media (width<=900px){.bf-studio-grid{grid-template-columns:1fr!important}.bf-studio-preview{min-height:200px!important}}@media (width<=768px){.bf-header{flex-wrap:wrap!important;gap:8px!important;height:auto!important;min-height:48px!important;padding:8px 14px!important}.bf-header-tags{display:none!important}.bf-header-actions{gap:6px!important}.bf-tab-bar{padding-left:10px!important;padding-right:10px!important}.bf-tab-bar button{padding:10px 12px!important;font-size:12.5px!important}.bf-content{padding:16px 14px!important}.bf-admin-table-header{display:none!important}.bf-admin-row{grid-template-columns:1fr!important;gap:8px!important}.bf-auth-grid{grid-template-columns:1fr!important;padding:16px!important}.bf-blob-1{width:80vw;height:80vw}.bf-blob-2{width:60vw;height:60vw}.bf-blob-3,.bf-blob-4{display:none}}.bf-generate-btn:not(:disabled):hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 6px 24px #7c3aed66!important}.bf-generate-btn:not(:disabled):active{filter:brightness(.97);transform:translateY(0)}@media (width<=480px){.bf-header-logo span{display:none!important}.bf-tab-bar button{padding:10px 8px!important;font-size:11.5px!important}.bf-content{padding:12px 10px!important}}