@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.z-50{z-index:50}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-full{height:100%}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-full{width:100%}.flex-1{flex:1}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.text-center{text-align:center}.text-right{text-align:right}.leading-none{--tw-leading:1;line-height:1}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}@media(hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:underline:hover{text-decoration-line:underline}}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{color:#f9fafb;background-color:#111827;min-width:320px;min-height:100vh;margin:0;overflow:hidden auto}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}.home-page{width:100vw;height:100vh;overflow:hidden;position:relative;background:url(/static/images/Seed_punk7.png) center 85% / cover no-repeat;background-color:#050510}.home-page:before{content:"";position:absolute;inset:0;background:#050514a6;z-index:0}.home-logo{position:absolute;top:1.5rem;left:2rem;z-index:10}.home-logo img{height:16rem}.video-play-button{position:absolute;top:2rem;right:2rem;z-index:10;display:flex;align-items:center;gap:.5rem;background:#667eeae6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea66}.video-play-button:hover{background:#764ba2e6;transform:translateY(-2px);box-shadow:0 6px 16px #667eea99}.video-play-button svg{width:24px;height:24px}.video-modal{position:fixed;inset:0;background:#000000e6;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem}.video-modal-content{position:relative;max-width:900px;width:100%}.video-modal-close{position:absolute;top:-2.5rem;right:0;background:transparent;border:none;color:#fff;font-size:2.5rem;cursor:pointer;line-height:1;padding:0;width:2rem;height:2rem;transition:transform .2s ease}.video-modal-close:hover{transform:scale(1.2)}.home-nav{position:absolute;top:0;left:0;right:0;z-index:10;background:#0a0a1e73;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:.5px solid rgba(255,255,255,.12)}.home-nav-container{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.home-nav-logo img{height:10rem}.home-nav-links{display:flex;gap:1rem;align-items:center}.btn-nav-link{background:transparent;color:#fff;border:none;padding:.625rem 1.25rem;font-weight:500;font-size:1rem;cursor:pointer;transition:color .2s ease}.btn-nav-link:hover{color:#a78bfa}.btn-login{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3);padding:.625rem 1.75rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease}.btn-login:hover{background:#ffffff1a;border-color:#a78bfa;color:#a78bfa}.hero-fullscreen{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 2rem}.hero-content{max-width:800px;width:100%}.hero-icon{height:5rem;margin-bottom:1.5rem;filter:drop-shadow(0 0 20px rgba(167,139,250,.5))}.hero-title{font-size:3.5rem;font-weight:900;line-height:1.1;margin:0 0 1.25rem;background:linear-gradient(135deg,#fff,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 4px 8px rgba(0,0,0,.8))}.hero-tagline{font-size:1.5rem;font-weight:600;font-style:italic;line-height:1.4;color:#0ea5e9;margin:0 0 1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.6),0 0 20px rgba(14,165,233,.5)}.hero-subtitle{font-size:1.2rem;font-weight:400;line-height:1.7;color:#fffffff2;margin:0 0 1.25rem;text-shadow:0 2px 8px rgba(0,0,0,.8)}.hero-distinction{display:inline-block;font-size:1rem;font-weight:600;color:#c4b5fd;background:#664cc833;border:1px solid rgba(167,139,250,.35);border-left:4px solid #a78bfa;padding:.6rem 1.5rem;border-radius:6px;margin-bottom:2.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;border-radius:8px;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 20px #667eea73}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #667eeaa6}.cta-secondary{background:#ffffff14;color:#fff;border:2px solid rgba(255,255,255,.3);padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .25s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-secondary:hover{background:#ffffff26;border-color:#a78bfa;color:#a78bfa;transform:translateY(-2px)}.home-footer{position:absolute;bottom:1.25rem;left:0;right:0;z-index:10;text-align:center;font-size:.8rem;color:#ffffffb3;display:flex;justify-content:center;align-items:center;gap:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.8)}.home-footer-divider{opacity:.4}.home-footer-link{color:#fffc;text-decoration:none;transition:color .2s ease}.home-footer-link:hover{color:#fff;text-decoration:underline}.hero-fine-print{margin-top:1rem;font-size:.82rem;color:#ffffff80}@media(max-width:768px){.video-play-button{top:1rem;right:1rem;padding:.5rem 1rem;font-size:.9rem}.video-play-button span{display:none}.video-play-button svg{width:20px;height:20px}.video-modal{padding:1rem}.home-nav-container{padding:.75rem 1.5rem}.home-nav-logo img{height:8rem}.home-nav-links{gap:.75rem}.btn-nav-link{padding:.5rem 1rem;font-size:.9rem}.btn-login{padding:.5rem 1.25rem;font-size:.9rem}.home-logo img{height:12rem}.hero-fullscreen{padding:0 1.5rem}.hero-title{font-size:2.25rem}.hero-tagline{font-size:1.1rem}.hero-subtitle{font-size:1rem}.hero-distinction{font-size:.9rem;padding:.5rem 1.25rem;margin-bottom:2rem}.hero-icon{height:3.5rem}.cta-primary,.cta-secondary{padding:.875rem 2rem;font-size:1rem}}@media(max-width:600px){.home-nav-container{padding:.5rem 1rem;flex-wrap:wrap}.home-nav-logo img{height:6rem}.home-nav-links{order:3;width:100%;justify-content:center;margin-top:.5rem;gap:.5rem}.btn-nav-link{font-size:.85rem;padding:.4rem .75rem}.btn-login{font-size:.85rem;padding:.4rem 1rem}.home-logo{top:1rem;left:1rem}.home-logo img{height:10rem}.hero-fullscreen{padding:0 1rem}.hero-title{font-size:1.85rem}.hero-tagline{font-size:1rem}.hero-subtitle{font-size:.95rem}.hero-distinction{font-size:.85rem;padding:.5rem 1rem}.hero-icon{height:3rem;margin-bottom:1rem}.hero-cta-buttons{flex-direction:column;gap:.75rem}.cta-primary,.cta-secondary{width:100%;padding:.85rem 1.5rem;font-size:.95rem}.home-footer{font-size:.7rem;flex-wrap:wrap;padding:0 1rem}}@media(max-width:480px){.home-nav-logo img{height:5rem}.home-logo img{height:8rem}.hero-title{font-size:1.65rem}.hero-tagline{font-size:.95rem}.hero-subtitle{font-size:.9rem}.hero-distinction{font-size:.8rem;padding:.4rem .85rem}.cta-primary,.cta-secondary{padding:.75rem 1.25rem;font-size:.9rem}.hero-fine-print{font-size:.75rem}}@media(max-width:380px){.hero-title{font-size:1.5rem}.hero-tagline{font-size:.9rem}.hero-subtitle{font-size:.85rem}}.auth-page{width:100vw;min-height:100vh;background:url(/static/images/Seed_punk6.png) center center / cover fixed;background-color:#050510;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative}.auth-page:before{content:"";position:absolute;inset:0;background:#05051473;z-index:0;pointer-events:none}.auth-container{width:100%;max-width:480px;position:relative;z-index:1}.auth-card{background:#0505140a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:.5px solid rgba(255,255,255,.1);border-radius:20px;padding:3rem;box-shadow:none;max-height:calc(100vh - 4rem);overflow-y:auto;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(167,139,250,.3) transparent}.auth-card::-webkit-scrollbar{width:4px}.auth-card::-webkit-scrollbar-thumb{background:#a78bfa4d;border-radius:2px}.btn-back{background:transparent;border:none;color:#fff6;font-size:.85rem;cursor:pointer;padding:.75rem 0 0;margin-top:.75rem;transition:color .2s ease;display:inline-block;text-align:center;width:100%}.btn-back:hover{color:#ffffffb3}.auth-logo-float{position:fixed;top:-1rem;left:1.5rem;height:16rem;width:auto;display:block;z-index:10;pointer-events:none}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-header h1{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem}.auth-header p{font-size:1rem;color:#fff9}.auth-form{display:flex;flex-direction:column;gap:1.5rem;width:100%}.form-group{display:flex;flex-direction:column;gap:.5rem;width:100%;box-sizing:border-box}.form-group label{font-size:.95rem;font-weight:600;color:#ffffffe6;margin-bottom:.25rem}.form-group input{width:100%;padding:1rem 1.25rem;font-size:1rem;background:#ffffff0f;border:.5px solid rgba(255,255,255,.18);border-radius:10px;color:#fff;transition:all .3s ease;text-align:left;box-sizing:border-box;max-width:100%}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:hover,.form-group input:-webkit-autofill:focus,.form-group input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px rgba(5,5,20,.6) inset!important;-webkit-text-fill-color:white!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.form-group input::-moz-placeholder{color:#ffffff59}.form-group input::placeholder{color:#ffffff59}.form-group input:focus{outline:none;border-color:#a78bfa;background:#ffffff1a;box-shadow:0 0 0 3px #a78bfa1f}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper input{padding-right:3rem}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff6;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.password-toggle:hover{color:#fffc}.password-toggle:focus{outline:none;color:#a78bfa}.terms-checkbox{margin-top:.5rem}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;font-size:.9rem;color:#fffc;line-height:1.5}.checkbox-label input[type=checkbox]{margin-top:.25rem;width:1.125rem;height:1.125rem;cursor:pointer;accent-color:#667eea;flex-shrink:0}.checkbox-label span{flex:1}.checkbox-label a{color:#667eea;text-decoration:none;font-weight:500;transition:color .2s ease}.checkbox-label a:hover{color:#8b9cff;text-decoration:underline}.auth-submit-btn{width:100%;padding:1.125rem 2rem;font-size:1.125rem;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #667eea66;margin-top:.5rem}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #667eea99}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-error{background:#ef44441a;border:2px solid rgba(239,68,68,.5);color:#fca5a5;padding:1rem;border-radius:8px;font-size:.95rem;font-weight:500}.auth-success{background:#10b9811a;border:2px solid rgba(16,185,129,.5);color:#6ee7b7;padding:1rem;border-radius:8px;font-size:.95rem;font-weight:500;margin-bottom:1.5rem}.auth-footer{margin-top:2rem;text-align:center;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.auth-footer p{color:#fff9;font-size:.95rem}.auth-footer a{color:#667eea;font-weight:600;text-decoration:none;transition:color .2s ease}.auth-footer a:hover{color:#8b9cff;text-decoration:underline}@media(max-width:768px){.auth-page{padding:1.5rem}.auth-logo-float{height:12rem;left:1rem}.auth-card{padding:2.5rem 2rem}.auth-header h1{font-size:1.85rem}.auth-header p{font-size:.95rem}}@media(max-width:640px){.auth-page{padding:1rem}.auth-logo-float{height:10rem;left:.75rem}.auth-card{padding:2rem 1.5rem}.auth-logo img{height:240px}.auth-header{margin-bottom:2rem}.auth-header h1{font-size:1.75rem}.auth-header p{font-size:.9rem}.form-group input{padding:.875rem 1rem;font-size:.95rem}.auth-submit-btn{padding:1rem 1.5rem;font-size:1rem}.checkbox-label{font-size:.85rem}}@media(max-width:480px){.auth-page{padding:.75rem}.auth-logo-float{height:8rem;left:.5rem;top:0rem}.auth-card{padding:1.75rem 1.25rem;border-radius:16px}.auth-header{margin-bottom:1.75rem}.auth-header h1{font-size:1.5rem}.auth-header p{font-size:.85rem}.auth-form{gap:1.25rem}.form-group label{font-size:.9rem}.form-group input{padding:.8rem .9rem;font-size:.9rem}.auth-submit-btn{padding:.9rem 1.25rem;font-size:.95rem}.checkbox-label{font-size:.8rem}.checkbox-label input[type=checkbox]{width:1rem;height:1rem}.auth-footer{margin-top:1.5rem;padding-top:1.25rem}.auth-footer p{font-size:.85rem}}@media(max-width:380px){.auth-logo-float{height:7rem}.auth-card{padding:1.5rem 1rem}.auth-header h1{font-size:1.35rem}.form-group input{padding:.75rem .85rem}}.navigation{background:#05051426;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-bottom:.5px solid rgba(255,255,255,.1);padding:1rem 0;position:sticky;top:0;z-index:100}.nav-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.nav-logo-float{position:fixed;top:-1rem;left:1.5rem;z-index:200;display:block;transition:opacity .2s}.nav-logo-float:hover{opacity:.85}.nav-logo{height:16rem;width:auto;display:block}.nav-links{display:flex;gap:1.5rem;align-items:center;flex:1;margin-left:12rem}.nav-link{color:#fffc;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:6px;transition:all .2s;display:flex;align-items:center;gap:.5rem}.nav-link:hover{color:#fff;background:#667eea1a}.nav-user{display:flex;align-items:center;gap:1rem}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem}.user-details{display:flex;flex-direction:column;gap:.125rem}.user-name{color:#fff;font-weight:600;font-size:.9rem}.user-role{color:#fff9;font-size:.75rem;text-transform:capitalize}.btn-logout{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3);padding:.5rem 1.25rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.btn-logout:hover{background:#ef444433;border-color:#ef444480}@media(max-width:768px){.nav-logo{height:10rem}.nav-logo-float{left:1rem}.nav-container{flex-wrap:wrap;padding:0 1rem}.nav-links{order:3;width:100%;justify-content:center;margin-top:.5rem;margin-left:0;gap:.75rem}.nav-link{flex:1;min-width:0;justify-content:center;padding:.5rem;font-size:.85rem}.user-details{display:none}.nav-user{gap:.75rem}.btn-logout{padding:.45rem 1rem;font-size:.85rem}}@media(max-width:480px){.nav-logo{height:8rem}.nav-logo-float{left:.5rem;top:-.5rem}.nav-container{padding:0 .75rem}.nav-links{gap:.4rem;font-size:.8rem}.nav-link{padding:.4rem;border-radius:4px}.btn-logout{padding:.4rem .75rem;font-size:.75rem}.user-avatar{width:32px;height:32px;font-size:.8rem}}@media(max-width:380px){.nav-logo{height:7rem}.nav-links{gap:.3rem}.nav-link{font-size:.75rem;padding:.35rem .3rem}.nav-links{flex-wrap:wrap}}.app-footer{text-align:center;font-size:.8rem;color:#fff6;display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap;padding:1.25rem 2rem}.footer-divider{opacity:.4}.footer-link{color:#ffffff80;text-decoration:none;transition:color .2s ease}.footer-link:hover{color:#fffc;text-decoration:underline}.app-footer.fixed{position:fixed;bottom:0;left:0;right:0;z-index:10}.app-footer.absolute{position:absolute;bottom:1.25rem;left:0;right:0;z-index:10}.app-footer.bordered{border-top:.5px solid rgba(255,255,255,.08);padding-top:1.5rem}@media(max-width:640px){.app-footer{font-size:.75rem;gap:.35rem;padding:1rem}}.library-page{width:100vw;min-height:100vh;height:auto;position:relative;background:url(/static/images/Seed_punk4.png) center center / cover no-repeat;background-attachment:fixed;background-color:#050510;padding-bottom:3rem}.library-page:before{content:"";position:fixed;inset:0;background:#05051473;z-index:0;pointer-events:none}.library-page>*:not(.nav-logo-float){position:relative;z-index:1}.library-container{max-width:1400px;margin:0 auto;padding:3rem 2rem}.library-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem}.library-title{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:.5rem}.library-subtitle{font-size:1.125rem;color:#fff9}.btn-create-template{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.875rem 2rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #667eea4d}.btn-create-template:hover{transform:translateY(-2px);box-shadow:0 8px 30px #667eea80}.library-loading{text-align:center;padding:4rem 2rem;color:#fff9}.loading-spinner{width:50px;height:50px;border:4px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.library-error{text-align:center;padding:4rem 2rem;background:#ef44441a;border:2px solid rgba(239,68,68,.3);border-radius:12px;color:#ef4444}.btn-retry{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.5);padding:.75rem 2rem;border-radius:6px;font-weight:600;cursor:pointer;margin-top:1rem;transition:all .2s}.btn-retry:hover{background:#ef44444d}.library-empty{text-align:center;padding:4rem 2rem}.empty-icon{font-size:6rem;margin-bottom:1.5rem;opacity:.5}.library-empty h2{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.75rem}.library-empty>p{font-size:1.125rem;color:#fff9;margin-bottom:2rem}.btn-get-started{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2.5rem;border-radius:8px;font-weight:600;font-size:1.125rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #667eea4d}.btn-get-started:hover{transform:translateY(-2px);box-shadow:0 8px 30px #667eea80}.quick-start-section{margin-top:4rem;padding:3rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.quick-start-section h3{font-size:1.5rem;font-weight:700;color:#fff;text-align:center;margin-bottom:2rem}.quick-start-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.quick-start-card{background:#667eea0d;padding:2rem;border-radius:8px;border-left:4px solid #667eea;text-align:left}.quick-start-number{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.25rem;margin-bottom:1rem}.quick-start-card h4{font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:.5rem}.quick-start-card p{color:#ffffffb3;line-height:1.6}.templates-table-wrap{background:#0505140a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:.5px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;overflow-x:auto}.templates-table{width:100%;border-collapse:collapse;font-size:.875rem}.templates-table thead tr{background:#667eea14;border-bottom:1px solid rgba(255,255,255,.1)}.templates-table th{padding:.75rem 1rem;text-align:left;font-size:.7rem;font-weight:700;color:#ffffff73;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.templates-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:background .15s}.templates-table tbody tr:last-child{border-bottom:none}.templates-table tbody tr:hover{background:#667eea0f}.templates-table tbody tr.row-stock{background:#fbbf2408}.templates-table tbody tr.row-stock:hover{background:#fbbf2412}.templates-table td{padding:.65rem 1rem;color:#ffffffd9;vertical-align:middle}.col-name{font-weight:600;color:#fff;min-width:160px}.col-domain{white-space:nowrap}.col-desc{color:#ffffff8c;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-date{white-space:nowrap;color:#ffffff73;font-size:.8rem}.col-actions{white-space:nowrap}.template-domain{background:#667eea26;color:#a5b4fc;padding:.2rem .6rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.template-actions{display:flex;gap:.5rem}.btn-edit{background:#667eea1a;color:#667eea;border:1px solid rgba(102,126,234,.3);padding:.25rem .6rem;border-radius:4px;font-weight:600;font-size:.75rem;cursor:pointer;transition:all .2s}.btn-edit:hover{background:#667eea33;border-color:#667eea80}.btn-delete{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3);padding:.25rem .6rem;border-radius:4px;font-weight:600;font-size:.75rem;cursor:pointer;transition:all .2s}.btn-delete:hover{background:#ef444433;border-color:#ef444480}.btn-test{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3);padding:.25rem .6rem;border-radius:4px;font-weight:600;font-size:.75rem;cursor:pointer;transition:all .2s}.btn-test:hover{background:#22c55e33;border-color:#22c55e80}.btn-run{background:#8b5cf61a;color:#a78bfa;border:1px solid rgba(139,92,246,.3);padding:.25rem .6rem;border-radius:4px;font-weight:600;font-size:.75rem;cursor:pointer;transition:all .2s}.btn-run:hover{background:#8b5cf633;border-color:#8b5cf680}.btn-duplicate{background:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.3);padding:.25rem .6rem;border-radius:4px;font-weight:600;font-size:.75rem;cursor:pointer;transition:all .2s}.btn-duplicate:hover{background:#fbbf2433;border-color:#fbbf2480}.template-title-row{display:flex;align-items:center;gap:.4rem}.stock-badge{font-size:.85rem;opacity:.7}.editable-title{cursor:pointer;transition:color .2s}.editable-title:hover{color:#667eea}.template-name-edit{display:flex;gap:.5rem;align-items:center;width:100%}.template-name-input{flex:1;background:#ffffff1a;border:2px solid #667eea;color:#fff;padding:.5rem;border-radius:6px;font-size:1rem;font-weight:600}.template-name-input:focus{outline:none;border-color:#764ba2;background:#ffffff26}.btn-save-name,.btn-cancel-name{width:32px;height:32px;border-radius:6px;border:none;cursor:pointer;font-size:1rem;font-weight:700;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-save-name{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.5)}.btn-save-name:hover{background:#22c55e4d;transform:scale(1.05)}.btn-cancel-name{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.5)}.btn-cancel-name:hover{background:#ef44444d;transform:scale(1.05)}@media(max-width:768px){.library-container{padding:2rem 1rem}.library-header{flex-direction:column;gap:1.5rem;margin-bottom:2rem}.library-title{font-size:2rem}.library-subtitle{font-size:1rem}.btn-create-template{width:100%}.templates-grid,.quick-start-grid{grid-template-columns:1fr}.quick-start-section{padding:2rem 1.5rem}.templates-table-wrap{border-radius:8px}.templates-table{min-width:700px;font-size:.8rem}.templates-table th,.templates-table td{padding:.6rem .75rem}.col-desc{max-width:200px}}@media(max-width:600px){.library-container{padding:1.5rem .75rem}.library-title{font-size:1.75rem}.library-subtitle{font-size:.9rem}.quick-start-section{padding:1.5rem 1rem}.quick-start-section h3{font-size:1.25rem}}@media(max-width:480px){.library-title{font-size:1.5rem}.btn-create-template{padding:.75rem 1.5rem;font-size:.9rem}.templates-table{font-size:.75rem}.template-actions{flex-direction:column;gap:.35rem}.btn-edit,.btn-delete,.btn-test,.btn-run,.btn-duplicate{width:100%;text-align:center}}.account-page{width:100vw;height:100vh;overflow:hidden;position:relative;background:url(/static/images/Seed_punk5.png) center center / cover no-repeat;background-color:#050510;display:flex;flex-direction:column}.account-page:before{content:"";position:absolute;inset:0;background:#05051473;z-index:0;pointer-events:none}.account-body{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem;overflow:hidden}.account-panel{width:92%;max-width:700px;max-height:80vh;background:#0a0a1ec7;backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);border:.5px solid rgba(255,255,255,.14);border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000080}.account-loading{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;color:#fff9;font-size:1rem}.account-header{padding:1.25rem 2rem .75rem;text-align:center;border-bottom:.5px solid rgba(255,255,255,.1)}.account-header h1{font-size:1.6rem;font-weight:800;margin:0 0 .25rem;background:linear-gradient(135deg,#fff,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.account-header p{font-size:.82rem;color:#ffffff80;margin:0}.account-tabs{display:flex;gap:.5rem;padding:.75rem 2rem 0;border-bottom:.5px solid rgba(255,255,255,.1)}.account-tab{background:transparent;color:#ffffff80;border:none;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;border-radius:6px 6px 0 0}.account-tab:hover{color:#ffffffd9}.account-tab.active{color:#a78bfa;border-bottom-color:#a78bfa}.account-tab-content{flex:1;overflow-y:auto;padding:1.5rem 2rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.account-tab-content::-webkit-scrollbar{width:4px}.account-tab-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.info-section{display:flex;flex-direction:column;gap:.1rem}.info-row{display:flex;align-items:center;padding:.75rem 0;border-bottom:.5px solid rgba(255,255,255,.07);gap:1rem}.info-row:last-child{border-bottom:none}.info-label{width:160px;flex-shrink:0;font-size:.85rem;font-weight:600;color:#ffffff80}.info-value{font-size:.9rem;color:#fff}.plan-badge{display:inline-block;padding:.25rem .75rem;border-radius:6px;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.plan-free,.plan-demo{background:#a78bfa26;color:#a78bfa;border:1px solid rgba(167,139,250,.3)}.plan-basic{background:#667eea26;color:#667eea;border:1px solid rgba(102,126,234,.3)}.plan-professional,.plan-team{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.usage-block{margin-top:1rem}.usage-label{display:flex;justify-content:space-between;font-size:.82rem;color:#fff9;margin-bottom:.4rem}.usage-track{background:#ffffff14;border-radius:6px;height:6px;overflow:hidden}.usage-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:6px;transition:width .3s ease;min-width:2px}.plan-options{margin-top:1.25rem;padding-top:1.25rem;border-top:.5px solid rgba(255,255,255,.08)}.plan-options-label{font-size:.82rem;font-weight:600;color:#ffffff80;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em}.plan-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.plan-btn{flex:1;min-width:140px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.6rem 1rem;border-radius:8px;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.2rem}.plan-btn span{font-size:.75rem;font-weight:400;opacity:.85}.plan-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.apikey-intro-row{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#ffffff0a;border:.5px solid rgba(255,255,255,.08);border-radius:10px;margin-bottom:1rem;font-size:.85rem}.apikey-intro-row span:first-child{font-size:1.5rem;flex-shrink:0}.apikey-intro-row strong{display:block;color:#fff;margin-bottom:.25rem;font-size:.9rem}.apikey-intro-row p{color:#fff9;margin:0;line-height:1.5}.apikey-status{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;border-radius:8px;margin-bottom:.75rem;font-size:.88rem}.apikey-status.ok{background:#4caf5014;border:.5px solid rgba(76,175,80,.3);color:#4caf50}.apikey-status.warn{background:#ff980014;border:.5px solid rgba(255,152,0,.3);color:#ff9800}.apikey-preview{font-family:monospace;font-size:.8rem;color:#fff9;margin:.25rem 0 0}.apikey-form{display:grid;grid-template-columns:1fr auto;gap:.75rem;margin-bottom:1rem}.apikey-input{background:#ffffff0f;border:.5px solid rgba(255,255,255,.18);border-radius:8px;padding:.65rem .9rem;color:#fff;font-family:monospace;font-size:.9rem;transition:all .2s}.apikey-input:focus{outline:none;border-color:#a78bfa;background:#ffffff1a}.apikey-input::-moz-placeholder{color:#ffffff4d}.apikey-input::placeholder{color:#ffffff4d}.apikey-update{margin-bottom:1rem}.apikey-update summary{cursor:pointer;color:#a78bfa;font-size:.88rem;font-weight:600;padding:.5rem 0}.apikey-update[open] .apikey-form{margin-top:.75rem}.provider-links{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.5rem}.provider-btn{padding:.5rem 1rem;background:#ffffff0f;border:.5px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;text-decoration:none;font-weight:600;font-size:.82rem;transition:all .2s ease}.provider-btn:hover{background:#a78bfa26;border-color:#a78bfa;color:#a78bfa}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.65rem 1.5rem;border-radius:8px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px #667eea66}.btn-danger{background:#ef44441a;color:#ef4444;border:.5px solid rgba(239,68,68,.3);padding:.5rem 1rem;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-danger:hover{background:#ef444433}.btn-small{padding:.4rem .85rem;font-size:.8rem}.security-levels{display:flex;flex-direction:column;gap:1rem}.security-option{border:1.5px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff05;transition:all .2s ease;overflow:hidden}.security-option:hover{border-color:#a78bfa4d;background:#ffffff0a}.security-option.active{border-color:#a78bfa;background:#a78bfa14}.security-option label{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;cursor:pointer}.security-option input[type=radio]{margin-top:.25rem;width:18px;height:18px;cursor:pointer;flex-shrink:0;accent-color:#a78bfa}.security-option-content{flex:1}.security-option-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.security-option-header strong{font-size:1rem;color:#fff;font-weight:700}.current-badge{display:inline-block;padding:.2rem .6rem;border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#a78bfa33;color:#a78bfa;border:.5px solid rgba(167,139,250,.4)}.security-description{font-size:.88rem;color:#ffffffb3;margin:0 0 .75rem;line-height:1.5}.security-features{list-style:none;padding:0;margin:0 0 .75rem}.security-features li{font-size:.82rem;color:#fff9;padding:.3rem 0 .3rem 1.25rem;position:relative}.security-features li:before{content:"✓";position:absolute;left:0;color:#a78bfa;font-weight:700}.security-timeout{font-size:.82rem;color:#ffffff80;font-weight:600;margin:0}@media(max-width:768px){.account-panel{width:94%;max-height:85vh}.account-header{padding:1rem 1.5rem .75rem}.account-header h1{font-size:1.4rem}.account-tabs{padding:.75rem 1.5rem 0;gap:.35rem;overflow-x:auto;scrollbar-width:none}.account-tabs::-webkit-scrollbar{display:none}.account-tab{padding:.45rem 1rem;font-size:.85rem;white-space:nowrap}.account-tab-content{padding:1.25rem 1.5rem}.info-row{flex-direction:column;align-items:flex-start;gap:.35rem}.info-label{width:100%;font-size:.8rem}.info-value{font-size:.85rem}.apikey-form{grid-template-columns:1fr}.plan-buttons{flex-direction:column}.plan-btn{width:100%}}@media(max-width:600px){.account-panel{width:96%;max-height:88vh}.account-header{padding:1rem 1.25rem .75rem}.account-header h1{font-size:1.3rem}.account-header p{font-size:.75rem}.account-tabs{padding:.5rem 1.25rem 0}.account-tab{padding:.4rem .75rem;font-size:.8rem}.account-tab-content{padding:1rem 1.25rem}.info-label{font-size:.75rem}.info-value{font-size:.8rem}.apikey-intro-row{padding:.85rem;font-size:.8rem}.provider-links{flex-direction:column}.provider-btn{width:100%;text-align:center}}@media(max-width:480px){.account-body{padding:1rem .5rem}.account-panel{width:98%;border-radius:16px}.account-header h1{font-size:1.2rem}.account-tabs{gap:.25rem;padding:.5rem 1rem 0}.account-tab{padding:.35rem .6rem;font-size:.75rem}.account-tab-content{padding:.85rem 1rem}.plan-badge{font-size:.7rem;padding:.2rem .6rem}.btn-primary{padding:.6rem 1.25rem;font-size:.85rem}.btn-danger{padding:.45rem .85rem;font-size:.8rem}.security-option label{padding:1rem}.security-option-header strong{font-size:.9rem}.security-description{font-size:.8rem}}.learn-page{width:100vw;height:100vh;overflow:hidden;position:relative;background:url(/static/images/Seed_punk7.png) center center / cover no-repeat;background-color:#050510;display:flex;flex-direction:column}.learn-page:before{content:"";position:absolute;inset:0;background:#05051480;z-index:0;pointer-events:none}.learn-body{flex:1;display:flex;align-items:center;justify-content:center;padding:1.5rem 2rem 2rem;position:relative;z-index:1;overflow:hidden}.learn-panel{width:100%;max-width:860px;max-height:calc(100vh - 100px);display:flex;flex-direction:column;background:#0505140a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:.5px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden}.learn-header{padding:1.75rem 2rem 1rem;text-align:center;border-bottom:.5px solid rgba(255,255,255,.1);flex-shrink:0}.learn-header h1{font-size:1.6rem;font-weight:700;color:#fff;margin:0 0 .25rem}.learn-header p{font-size:.9rem;color:#ffffff8c;margin:0}.learn-tabs{display:flex;gap:0;padding:.75rem 1.5rem;border-bottom:.5px solid rgba(255,255,255,.1);flex-shrink:0;overflow-x:auto;scrollbar-width:none}.learn-tabs::-webkit-scrollbar{display:none}.learn-tab{background:transparent;border:none;color:#ffffff73;font-size:.85rem;font-weight:500;padding:.5rem 1rem;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;white-space:nowrap;border-radius:0}.learn-tab:hover{color:#ffffffbf}.learn-tab.active{color:#a78bfa;border-bottom-color:#a78bfa}.learn-tab-content{flex:1;overflow-y:auto;padding:1.5rem 2rem;scrollbar-width:thin;scrollbar-color:rgba(167,139,250,.3) transparent}.learn-tab-content::-webkit-scrollbar{width:4px}.learn-tab-content::-webkit-scrollbar-thumb{background:#a78bfa4d;border-radius:2px}.learn-category-header{margin-bottom:1.25rem}.learn-category-header h2{font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 .25rem}.learn-category-header p{font-size:.85rem;color:#ffffff8c;margin:0}.learn-blocks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.875rem;margin-bottom:1.5rem}.learn-block-card{display:flex;gap:.875rem;padding:1rem 1.25rem;background:#ffffff0a;border:.5px solid rgba(255,255,255,.1);border-radius:12px;text-decoration:none;color:inherit;transition:all .2s ease;align-items:flex-start}.learn-block-card:hover{background:#a78bfa14;border-color:#a78bfa59;transform:translateY(-2px)}.learn-block-icon{font-size:1.75rem;flex-shrink:0;line-height:1;margin-top:.1rem}.learn-block-info{flex:1;min-width:0}.learn-block-title{font-size:.95rem;font-weight:600;color:#fff;margin-bottom:.2rem}.learn-block-badge{display:inline-block;padding:.15rem .6rem;border-radius:1rem;font-size:.7rem;font-weight:600;text-transform:uppercase;margin-bottom:.4rem}.learn-block-desc{font-size:.8rem;color:#ffffff8c;line-height:1.45}.learn-empty{color:#fff6;font-size:.9rem;font-style:italic;grid-column:1 / -1}.learn-footer-links{display:flex;flex-direction:column;gap:.625rem;padding-top:1rem;border-top:.5px solid rgba(255,255,255,.1)}.learn-footer-link{display:flex;align-items:center;gap:.875rem;padding:.875rem 1.25rem;background:#667eea14;border:.5px solid rgba(102,126,234,.25);border-radius:10px;text-decoration:none;color:inherit;transition:all .2s ease}.learn-footer-link:hover{background:#667eea26;border-color:#667eea80;transform:translateY(-1px)}.learn-footer-link>span:first-child{font-size:1.5rem;flex-shrink:0}.learn-footer-link>div{flex:1;display:flex;flex-direction:column;gap:.15rem}.learn-footer-link strong{color:#667eea;font-size:.9rem;font-weight:600}.learn-footer-link>div>span{font-size:.8rem;color:#ffffff8c}.learn-arrow{color:#667eea;font-size:1.1rem;flex-shrink:0}@media(max-width:768px){.learn-body{padding:1rem}.learn-panel{max-height:calc(100vh - 80px)}.learn-blocks-grid{grid-template-columns:1fr}.learn-header{padding:1.25rem 1.25rem .75rem}.learn-tab-content{padding:1.25rem}.learn-tabs{padding:.5rem 1rem}}.learn-blocks-page{width:100vw;height:100vh;overflow:hidden;position:relative;background:url(/static/images/Seed_punk7.png) center center / cover no-repeat #050510;display:flex;flex-direction:column}.learn-blocks-page:before{content:"";position:absolute;inset:0;background:#05051480;z-index:0;pointer-events:none}.learn-blocks-body{flex:1;display:flex;justify-content:center;padding:1.5rem 2rem 2rem;position:relative;z-index:1;overflow:hidden}.learn-blocks-panel{width:100%;max-width:900px;max-height:100%;background:#0505140a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:.5px solid rgba(255,255,255,.1);border-radius:20px;padding:2.5rem 2.5rem 3rem;box-sizing:border-box;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(167,139,250,.3) transparent}.learn-blocks-panel::-webkit-scrollbar{width:4px}.learn-blocks-panel::-webkit-scrollbar-thumb{background:#a78bfa4d;border-radius:2px}.blocks-container{max-width:900px;margin:0 auto;padding:0}.help-footer a{color:#667eea;text-decoration:none}.learn-blocks-page{min-height:100vh}.tips-section{margin-top:4rem;padding-top:3rem;border-top:2px solid rgba(255,255,255,.1)}.tips-grid{display:grid;gap:2rem;margin-top:2rem}.tip-card{background:linear-gradient(135deg,#667eea1a,#764ba20d);border:1px solid rgba(102,126,234,.2);border-radius:16px;padding:2rem;transition:all .3s ease}.tip-card:hover{border-color:#667eea66;transform:translateY(-2px);box-shadow:0 8px 24px #667eea26}.tip-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.tip-icon{font-size:2.5rem}.tip-title{font-size:1.5rem;font-weight:700;color:#fff;flex:1;margin:0}.tip-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.375rem .875rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tip-content{color:#fffc;line-height:1.7}.tip-description{font-size:1.05rem;margin-bottom:1.5rem}.tip-description strong{color:#667eea}.tip-example{background:#0000004d;border-left:4px solid #667eea;padding:1.5rem;border-radius:8px;margin:1.5rem 0}.tip-example h4{color:#667eea;margin-top:0;margin-bottom:1rem;font-size:1.1rem}.tip-example ol{margin:0;padding-left:1.5rem}.tip-example li{margin-bottom:.75rem}.tip-example ul{margin-top:.5rem;padding-left:1.5rem}.tip-example ul li{margin-bottom:.5rem}.tip-benefit{background:#10b9811a;border-left:4px solid #10b981;padding:1rem 1.5rem;border-radius:8px;margin:1.5rem 0}.tip-benefit strong{color:#10b981}.tip-resources{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.tip-resources strong{color:#667eea;display:block;margin-bottom:.75rem}.tip-resources ul{margin:0;padding-left:1.5rem}.tip-resources li{margin-bottom:.5rem}.tip-resources a{color:#667eea;text-decoration:none;transition:color .2s ease}.tip-resources a:hover{color:#764ba2;text-decoration:underline}.tips-footer{margin-top:2rem;text-align:center;padding:1.5rem;background:#ffffff08;border-radius:12px}.tips-footer p{margin:0;color:#ffffffb3}.tips-footer strong{color:#667eea}.tips-footer a{color:#667eea;text-decoration:none;font-weight:600}.tips-footer a:hover{text-decoration:underline}.blocks-container{max-width:1200px;margin:0 auto;padding:3rem 2rem}.blocks-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid rgba(255,255,255,.1)}.blocks-header h1{font-size:2.5rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blocks-header p{font-size:1.125rem;color:#fff9;max-width:700px;margin:0 auto}.category-section{margin-bottom:4rem}.category-title{font-size:1.8rem;font-weight:700;margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:2px solid #667eea;color:#fff}.category-description{color:#ffffffb3;margin-bottom:2rem;font-size:1rem}.blocks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.block-link-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1.5rem;text-decoration:none;color:inherit;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem}.block-link-card:hover{border-color:#667eea;transform:translateY(-4px);box-shadow:0 8px 16px #667eea4d}.block-link-header{display:flex;align-items:center;gap:1rem}.block-link-icon{font-size:2.5rem;flex-shrink:0}.block-link-info{flex:1}.block-link-title{font-size:1.3rem;font-weight:600;margin-bottom:.25rem;color:#fff}.block-link-description{color:#ffffffb3;font-size:.9rem;line-height:1.5}.block-link-badge{display:inline-block;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;margin-top:.5rem}.badge-core{background:#4caf5033;color:#4caf50}.badge-sybios{background:#667eea33;color:#667eea}.badge-safety{background:#ef444433;color:#ef4444}.badge-advanced{background:#a855f733;color:#a855f7}.badge-orchestration{background:#3b82f633;color:#3b82f6}.badge-training{background:#f9731633;color:#f97316}.help-footer{text-align:center;margin:3rem 0;padding-top:2rem;border-top:2px solid rgba(255,255,255,.1)}.help-footer p{color:#ffffffb3;line-height:1.8}.help-footer strong{color:#fff;font-size:1.1rem}.help-footer a{color:#667eea;text-decoration:none;transition:color .2s}.help-footer a:hover{color:#764ba2;text-decoration:underline}@media(max-width:768px){.blocks-container{padding:2rem 1rem}.blocks-grid{grid-template-columns:1fr}.blocks-header h1{font-size:2rem}}.learn-block-page{width:100vw;height:100vh;overflow:hidden;position:relative;background:url(/static/images/Seed_punk7.png) center center / cover no-repeat;background-color:#050510;display:flex;flex-direction:column}.learn-block-page:before{content:"";position:absolute;inset:0;background:#05051480;z-index:0;pointer-events:none}.learn-block-popup{background:#0f1419;min-height:100vh}.learn-block-body{flex:1;display:flex;justify-content:center;padding:1.5rem 2rem 2rem;position:relative;z-index:1;overflow:hidden}.learn-block-panel{width:100%;max-width:900px;max-height:100%;background:#0505140a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:.5px solid rgba(255,255,255,.1);border-radius:20px;padding:2.5rem 2.5rem 3rem;box-sizing:border-box;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(167,139,250,.3) transparent}.learn-block-panel::-webkit-scrollbar{width:4px}.learn-block-panel::-webkit-scrollbar-thumb{background:#a78bfa4d;border-radius:2px}.learn-block-container{max-width:900px;margin:2rem auto;padding:0 2rem 4rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:#a78bfacc;text-decoration:none;margin-bottom:1.5rem;font-size:.9rem;font-weight:500;transition:color .2s}.back-link:hover{color:#a78bfa}.learn-block-header{text-align:center;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:.5px solid rgba(255,255,255,.12)}.learn-block-header .block-icon{font-size:3.5rem;margin-bottom:1rem}.learn-block-header h1{font-size:2.2rem;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.category-badge{display:inline-block;background:#4caf5033;color:#4caf50;border:.5px solid rgba(76,175,80,.4);padding:.35rem 1rem;border-radius:2rem;font-size:.85rem;font-weight:600;margin-top:.75rem}.block-description{font-size:1.1rem;color:#ffffffb3;margin-top:1rem;font-weight:400;line-height:1.6}.learn-block-nav{background:#ffffff0a;border:.5px solid rgba(255,255,255,.1);border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:2rem}.learn-block-nav h3{margin-bottom:.75rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffff73;font-weight:600}.learn-block-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}.learn-block-nav a{color:#fff9;text-decoration:none;padding:.35rem .875rem;border-radius:6px;background:#ffffff0d;border:.5px solid rgba(255,255,255,.1);transition:all .2s ease;font-size:.85rem}.learn-block-nav a:hover{background:#a78bfa26;border-color:#a78bfa66;color:#a78bfa}.learn-block-section{margin-bottom:3rem;scroll-margin-top:140px}.learn-block-section h2{font-size:1.6rem;margin-bottom:1.25rem;padding-bottom:.5rem;border-bottom:.5px solid rgba(167,139,250,.35);color:#fff;font-weight:700}.section-content{font-size:1rem;line-height:1.8;color:#ffffffbf}.section-content p{margin-bottom:1.25rem}.tips-list{list-style:none;padding:0;margin:1.5rem 0}.tips-list li{padding:.875rem 1.25rem;margin-bottom:.625rem;background:#a78bfa12;border-left:3px solid #a78bfa;border-radius:6px;font-size:.95rem;color:#ffffffd9}.tips-list li:before{content:"✓ ";color:#a78bfa;font-weight:700;margin-right:.5rem}.examples-container{margin:1.5rem 0}.example-card{background:#ffffff0a;border:.5px solid rgba(255,255,255,.1);border-radius:10px;padding:1.25rem 1.5rem;margin-bottom:1.25rem}.example-card h4{color:#a78bfa;font-size:1rem;margin-bottom:.875rem;padding-bottom:.5rem;border-bottom:.5px solid rgba(255,255,255,.08)}.example-card pre{margin:0;overflow-x:auto}.example-card code{font-family:Monaco,Consolas,Courier New,monospace;font-size:.875rem;line-height:1.6;color:#ffffffd9;white-space:pre-wrap;word-wrap:break-word}.block-navigation{margin-top:3rem;padding-top:2rem;border-top:.5px solid rgba(255,255,255,.1)}.block-navigation h3{font-size:1.1rem;margin-bottom:1.25rem;color:#fff9;font-weight:600}.block-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.block-link{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;background:#ffffff0a;border:.5px solid rgba(255,255,255,.1);border-radius:8px;text-decoration:none;color:#ffffffb3;transition:all .2s ease;font-weight:500}.block-link:hover{background:#a78bfa1a;border-color:#a78bfa59;color:#fff;transform:translateY(-1px)}.block-link.active{background:#a78bfa2e;border-color:#a78bfa;color:#a78bfa}.block-link-icon{font-size:1.25rem}.block-link-title{font-size:.85rem;font-weight:600}.back-to-learn{margin-top:2.5rem;text-align:center}.btn-secondary{display:inline-block;padding:.75rem 1.75rem;background:#ffffff0f;border:.5px solid rgba(255,255,255,.15);color:#ffffffb3;text-decoration:none;border-radius:8px;font-weight:500;font-size:.9rem;transition:all .2s ease}.btn-secondary:hover{background:#a78bfa1f;border-color:#a78bfa66;color:#fff;transform:translateY(-1px)}@media(max-width:768px){.learn-block-body{padding:1rem 1rem 3rem}.learn-block-panel{padding:1.5rem 1.25rem 2rem;border-radius:14px}.learn-block-header h1{font-size:1.75rem}.learn-block-nav{position:relative;top:0}.learn-block-nav ul{flex-direction:column}.block-grid{grid-template-columns:1fr}.example-card code{font-size:.8rem}}.tips-page{width:100vw;height:100vh;overflow:hidden;position:relative;background-color:#050510;background-image:url(/static/images/Seed_punk7.png);background-size:cover;background-position:center center;background-repeat:no-repeat;display:flex;flex-direction:column}.tips-page:before{content:"";position:absolute;inset:0;background:#05051480;z-index:0;pointer-events:none}.tips-body{flex:1;display:flex;justify-content:center;padding:1.5rem 2rem 2rem;position:relative;z-index:1;overflow:hidden}.tips-panel{width:100%;max-width:900px;max-height:100%;background:#0505140a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:.5px solid rgba(255,255,255,.1);border-radius:20px;padding:2.5rem 2.5rem 3rem;box-sizing:border-box;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(167,139,250,.3) transparent}.tips-panel::-webkit-scrollbar{width:4px}.tips-panel::-webkit-scrollbar-thumb{background:#a78bfa4d;border-radius:2px}.tips-container{max-width:900px;margin:0 auto;padding:0}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:#667eea;text-decoration:none;margin-bottom:2rem;padding:.5rem 1rem;background:#ffffff0d;border-radius:8px;transition:all .3s ease}.back-link:hover{background:#667eea;color:#fff}.tips-page-header{text-align:center;margin-bottom:4rem;padding-bottom:2rem;border-bottom:2px solid rgba(255,255,255,.1)}.tips-page-header h1{font-size:3rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tips-subtitle{font-size:1.25rem;color:#ffffffb3;max-width:900px;margin:0 auto;line-height:1.6}.universal-strategy{background:linear-gradient(135deg,#667eea26,#764ba21a);border:2px solid rgba(102,126,234,.3);border-radius:16px;padding:2.5rem;margin-bottom:4rem}.universal-strategy h2{color:#667eea;font-size:1.8rem;margin-bottom:1rem}.universal-strategy>p{color:#fffc;font-size:1.1rem;margin-bottom:1.5rem}.strategy-list{margin:1.5rem 0;padding-left:2rem;color:#ffffffe6;font-size:1.05rem;line-height:1.8}.strategy-list li{margin-bottom:.75rem}.strategy-list strong{color:#667eea}.top-resources{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.top-resources h3{color:#667eea;font-size:1.3rem;margin-bottom:1rem}.top-resources ul{margin:0;padding-left:2rem;color:#ffffffe6;line-height:1.8}.top-resources li{margin-bottom:.5rem}.top-resources strong{color:#fff}.tips-category{margin-bottom:4rem}.tips-category-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(102,126,234,.3)}.tips-grid-page{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:2rem}@media(max-width:768px){.tips-grid-page{grid-template-columns:1fr}}.tip-card-page{background:linear-gradient(135deg,#667eea14,#764ba20a);border:1px solid rgba(102,126,234,.2);border-radius:16px;padding:2rem;transition:all .3s ease}.tip-card-page:hover{border-color:#667eea66;transform:translateY(-4px);box-shadow:0 12px 32px #667eea33}.tip-header-page{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.tip-icon-page{font-size:3rem;line-height:1}.tip-header-content{flex:1}.tip-title-page{font-size:1.4rem;font-weight:700;color:#fff;margin:0 0 .5rem;line-height:1.3}.tip-badge-page{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tip-content-page{color:#ffffffd9;line-height:1.7}.tip-description-page{font-size:1.05rem;margin-bottom:1.5rem;color:#ffffffe6}.tip-howto{background:#0000004d;border-left:4px solid #667eea;padding:1.5rem;border-radius:8px;margin:1.5rem 0}.tip-howto h4{color:#667eea;margin:0 0 1rem;font-size:1.1rem}.tip-howto ol{margin:0;padding-left:1.5rem}.tip-howto li{margin-bottom:.75rem;color:#ffffffe6}.tip-why{background:#10b9811a;border-left:4px solid #10b981;padding:1rem 1.5rem;border-radius:8px;margin:1.5rem 0;color:#ffffffe6}.tip-why strong{color:#10b981}.tip-resources-page{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.tip-resources-page strong{color:#667eea;display:block;margin-bottom:.75rem;font-size:1.05rem}.tip-resources-page ul{margin:0;padding-left:1.5rem}.tip-resources-page li{margin-bottom:.5rem}.tip-resources-page a{color:#667eea;text-decoration:none;font-weight:600;transition:color .2s ease}.tip-resources-page a:hover{color:#764ba2;text-decoration:underline}.tip-protip{background:linear-gradient(135deg,#f59e0b26,#fbbf241a);border-left:4px solid #f59e0b;padding:1rem 1.5rem;border-radius:8px;margin-top:1.5rem;color:#ffffffe6}.tip-protip strong{color:#f59e0b}.tips-cta{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#667eea1a,#764ba20d);border:2px solid rgba(102,126,234,.2);border-radius:16px;margin-top:4rem}.tips-cta h2{font-size:2rem;color:#fff;margin-bottom:1rem}.tips-cta p{font-size:1.1rem;color:#ffffffb3;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-button{display:inline-block;padding:1rem 2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:8px;font-weight:700;font-size:1.1rem;transition:all .3s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #667eea66}.builder-outputs-container{max-width:1200px;margin:0 auto;padding:3rem 2rem;color:#fff}.outputs-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid rgba(255,255,255,.1)}.outputs-header h1{font-size:2.5rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.outputs-header p{font-size:1.125rem;color:#fff9;max-width:700px;margin:0 auto}.quick-reference{margin-bottom:3rem;padding:2rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.quick-reference h2{font-size:1.5rem;margin-bottom:1.5rem;color:#667eea}.reference-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.reference-card{padding:1.5rem;background:#667eea1a;border-radius:8px;border-left:4px solid #667eea}.reference-card strong{display:block;font-size:1rem;margin-bottom:.5rem;color:#fff}.reference-card p{margin:0;font-family:Courier New,monospace;color:#ffffffb3;font-size:.9rem}.outputs-list{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.output-card{padding:2rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1);border-left-width:4px;transition:all .3s ease}.output-card:hover{transform:translate(8px);box-shadow:0 8px 24px #0000004d}.output-header{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem}.output-icon{font-size:2.5rem;width:70px;height:70px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.output-header h3{font-size:1.75rem;margin:0 0 .25rem;color:#fff}.output-tagline{margin:0 0 .5rem;color:#ffffff80;font-size:.95rem;font-style:italic}.output-badges{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.badge-requirement,.badge-plan{display:inline-block;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-requirement{background:#3b82f633;color:#3b82f6}.badge-plan{background:#ec489933;color:#ec4899}.output-description{font-size:1rem;line-height:1.7;color:#fffc;margin-bottom:1.5rem}.output-features{margin-bottom:1.5rem}.output-features strong{display:block;font-size:.95rem;color:#fff;margin-bottom:.75rem}.output-features ul{list-style:none;padding:0;margin:0}.output-features li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#ffffffb3;font-size:.9rem;line-height:1.6}.output-features li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.output-usage{padding:1rem;background:#0003;border-radius:8px;border-left-width:3px;border-left-style:solid}.output-usage strong{display:block;font-size:.9rem;color:#fff;margin-bottom:.5rem}.output-usage p{margin:0;color:#ffffffb3;font-size:.9rem;line-height:1.6}.pro-tips-section{margin-bottom:3rem}.pro-tips-section h2{font-size:1.75rem;margin-bottom:1.5rem;color:#f59e0b;text-align:center}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.tip-card{padding:1.5rem;background:#f59e0b1a;border-radius:8px;border:1px solid rgba(245,158,11,.2)}.tip-card h4{margin:0 0 .75rem;color:#f59e0b;font-size:1.1rem}.tip-card p{margin:0;color:#ffffffb3;font-size:.9rem;line-height:1.6}.back-to-learn{text-align:center;margin-top:3rem;padding-top:2rem;border-top:2px solid rgba(255,255,255,.1)}.btn-secondary{display:inline-block;padding:.75rem 1.5rem;background:#ffffff0d;color:#667eea;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease;border:1px solid rgba(102,126,234,.3)}.btn-secondary:hover{background:#667eea;color:#fff;transform:translateY(-2px)}@media(max-width:768px){.builder-outputs-container{padding:2rem 1rem}.outputs-header h1{font-size:2rem}.reference-grid,.tips-grid{grid-template-columns:1fr}.output-header{flex-direction:column;align-items:flex-start}.output-icon{width:60px;height:60px;font-size:2rem}}.pricing-page{width:100vw;height:100vh;overflow:hidden;position:relative;background:url(/static/images/Seed_punk2.png) center center / cover no-repeat;background-color:#050510;display:flex;align-items:center;justify-content:center}.pricing-page:before{content:"";position:absolute;inset:0;background:#0505148c;z-index:0}.pricing-back{position:absolute;top:1.75rem;left:2rem;z-index:10;background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.4rem;width:2.5rem;height:2.5rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pricing-back:hover{background:#a78bfa33;border-color:#a78bfa;color:#a78bfa;transform:translate(-2px)}.pricing-logo{position:absolute;top:1.5rem;left:6rem;z-index:10;cursor:pointer}.pricing-logo img{height:16rem}.pricing-panel{position:relative;z-index:1;width:92%;max-width:1100px;max-height:82vh;background:#0a0a1ec7;backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);border:.5px solid rgba(255,255,255,.14);border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000080}.pricing-header{padding:1.25rem 2rem .75rem;text-align:center;border-bottom:.5px solid rgba(255,255,255,.1)}.pricing-header h1{font-size:1.6rem;font-weight:800;color:#fff;margin:0 0 .3rem;background:linear-gradient(135deg,#fff,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-header p{font-size:.82rem;color:#ffffff80;margin:0}.pricing-tabs{display:flex;gap:.5rem;padding:.75rem 2rem 0;border-bottom:.5px solid rgba(255,255,255,.1)}.pricing-tab{background:transparent;color:#ffffff80;border:none;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;border-radius:6px 6px 0 0}.pricing-tab:hover{color:#ffffffd9}.pricing-tab.active{color:#a78bfa;border-bottom-color:#a78bfa}.pricing-tab-content{flex:1;overflow-y:auto;padding:1.25rem 2rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.pricing-tab-content::-webkit-scrollbar{width:4px}.pricing-tab-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.tier-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:1.25rem;position:relative;transition:all .25s ease;display:flex;flex-direction:column}.tier-card:hover{border-color:#a78bfa66;background:#ffffff17}.tier-card.featured{border-color:#a78bfa;box-shadow:0 0 20px #a78bfa33}.tier-card.coming-soon{opacity:.65}.tier-badge{position:absolute;top:-10px;right:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:3px 10px;border-radius:20px;font-size:.7rem;font-weight:700}.tier-badge.coming{background:#ffffff26;color:#fff9}.tier-name{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.4rem}.tier-price{font-size:2rem;font-weight:800;color:#fff;margin-bottom:.2rem}.tier-price span{font-size:1rem;color:#ffffff80;font-weight:400}.tier-price.dim{opacity:.4;font-size:1.5rem}.tier-billing{font-size:.72rem;color:#ffffff73;margin-bottom:.75rem}.tier-features{list-style:none;padding:0;margin:.5rem 0 1rem;flex:1}.tier-features li{padding:.35rem 0;font-size:.8rem;color:#ffffffbf;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:flex-start;gap:.4rem}.tier-features li:before{content:"✓";color:#86efac;font-weight:700;flex-shrink:0}.tier-features li.disabled{opacity:.35}.tier-features li.disabled:before{content:"—";color:#ffffff4d}.tier-cta{display:block;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.6rem 1rem;border-radius:8px;text-decoration:none;font-weight:700;font-size:.85rem;border:none;cursor:pointer;transition:all .2s ease;margin-top:auto}.tier-cta:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.tier-cta.dim{opacity:.5;cursor:default}.tier-cta.dim:hover{transform:none;box-shadow:none}.faq-list{display:flex;flex-direction:column;gap:.6rem}.faq-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.9rem 1.25rem;transition:border-color .2s}.faq-item:hover{border-color:#a78bfa66}.faq-question{font-size:.95rem;font-weight:700;color:#fff;margin-bottom:.4rem}.faq-answer{font-size:.85rem;color:#ffffffa6;line-height:1.6}.apikey-content{display:flex;flex-direction:column;gap:1.5rem}.apikey-intro{display:flex;align-items:flex-start;gap:1rem;background:#a78bfa14;border:1px solid rgba(167,139,250,.2);border-radius:12px;padding:1.25rem}.apikey-icon{font-size:2rem;flex-shrink:0}.apikey-intro h3{color:#fff;margin:0 0 .6rem;font-size:1.15rem;font-weight:700}.apikey-intro p{color:#ffffffbf;font-size:.88rem;line-height:1.6;margin:0}.apikey-section{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.25rem}.apikey-section h4{color:#fff;margin:0 0 1rem;font-size:1rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.cost-breakdown{display:flex;flex-direction:column;gap:.75rem}.cost-item{color:#ffffffbf;font-size:.88rem;line-height:1.5;padding-left:1rem;position:relative}.cost-item:before{content:"•";position:absolute;left:0;color:#a78bfa;font-weight:700}.cost-item strong{color:#fff}.cost-highlight{display:block;background:#86efac1a;border:1px solid rgba(134,239,172,.3);border-radius:8px;padding:.75rem 1rem;color:#86efac;font-weight:600;margin-top:.5rem}.apikey-steps{display:flex;flex-direction:column;gap:1rem}.apikey-step{display:flex;align-items:flex-start;gap:1rem}.step-number{width:2rem;height:2rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem;flex-shrink:0}.step-content{flex:1}.step-content strong{display:block;color:#fff;font-size:.95rem;margin-bottom:.3rem}.step-content p{color:#ffffffb3;font-size:.85rem;line-height:1.6;margin:0}.provider-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.provider-btn{padding:1rem 1.25rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;gap:.5rem}.provider-btn:hover{background:#a78bfa26;border-color:#a78bfa;transform:translateY(-2px);box-shadow:0 4px 12px #a78bfa33}.provider-name{flex:1;text-align:left}.provider-badge{background:#86efac33;color:#86efac;padding:.2rem .6rem;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase}.provider-arrow{color:#a78bfa;font-size:1.2rem;transition:transform .2s ease}.provider-btn:hover .provider-arrow{transform:translate(3px)}.apikey-tips{display:flex;flex-direction:column;gap:.75rem}.apikey-tip{display:flex;align-items:flex-start;gap:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.9rem 1.25rem;font-size:.88rem;color:#fffc;line-height:1.5}.apikey-tip.warning{background:#ef444414;border-color:#ef44444d}.apikey-tip span:first-child{font-size:1.2rem;flex-shrink:0}.apikey-tip strong{color:#fff}.pricing-footer{position:absolute;bottom:1.25rem;left:0;right:0;z-index:10;text-align:center;font-size:.78rem;color:#ffffff59;display:flex;justify-content:center;align-items:center;gap:.5rem}.pricing-footer-divider{opacity:.3}.pricing-footer-link{color:#ffffff73;text-decoration:none;transition:color .2s ease}.pricing-footer-link:hover{color:#ffffffbf;text-decoration:underline}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#12122a;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:2rem;width:90%;max-width:480px;color:#fff}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h2{margin:0;font-size:1.4rem}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#ffffff80}.modal-success{text-align:center;padding:2rem;font-size:3rem}.modal-form .form-group{margin-bottom:1rem}.modal-form label{display:block;margin-bottom:.4rem;font-weight:600;font-size:.9rem;color:#fffc}.modal-form input,.modal-form textarea{width:100%;padding:.7rem .9rem;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#fff;font-size:.9rem;box-sizing:border-box}.modal-form input:focus,.modal-form textarea:focus{outline:none;border-color:#a78bfa}@media(max-width:900px){.plans-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.plans-grid{grid-template-columns:1fr}.pricing-panel{width:96%;max-height:88vh}.pricing-header h1{font-size:1.2rem}}.api-key-guide-page{min-height:100vh;background:#0f1419}.guide-container{max-width:900px;margin:0 auto;padding:3rem 2rem}.guide-header{text-align:center;margin-bottom:3rem}.guide-header h1{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.guide-header p{color:#fff9;font-size:1.125rem}.important-notice{background:#ffc1071a;border:2px solid #ffc107;border-radius:12px;padding:1.5rem;margin-bottom:3rem;text-align:center}.important-notice h3{margin:0 0 1rem;color:#667eea;font-size:1.5rem}.important-notice p{margin:0;color:#ffffffb3;line-height:1.6}.disclaimer-content{text-align:left}.disclaimer-content h3{color:#667eea;font-size:1.2rem;margin-top:1.5rem;margin-bottom:.75rem}.disclaimer-content h3:first-child{margin-top:0}.disclaimer-content ul{margin:0 0 1rem;padding-left:1.5rem;color:#fffc;line-height:1.7}.disclaimer-content li{margin-bottom:.5rem}.disclaimer-content li strong{color:#fff;font-weight:600}.provider-card{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;margin-bottom:2rem;transition:all .3s ease}.provider-card:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea26}.provider-card.highlighted-card{border-color:#667eea}.provider-card h2{color:#667eea;margin-bottom:1rem;font-size:1.75rem;font-weight:700}.provider-card h3{color:#fff;margin:1.5rem 0 .75rem;font-size:1.2rem;font-weight:600}.provider-description{color:#ffffffb3;margin-bottom:1.5rem;line-height:1.6}.provider-card ul,.provider-card ol{margin-left:1.5rem;color:#ffffffb3;line-height:1.8}.provider-card li{margin-bottom:.5rem}.provider-card a{color:#667eea;text-decoration:none;transition:color .2s}.provider-card a:hover{color:#764ba2;text-decoration:underline}.cost-table{width:100%;border-collapse:collapse;margin:1.5rem 0;background:#ffffff08;border-radius:8px;overflow:hidden}.cost-table th{background:#667eea;color:#fff;padding:1rem;text-align:left;font-weight:600}.cost-table td{padding:.875rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);color:#ffffffb3}.cost-table tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:.375rem .75rem;border-radius:6px;font-size:.85rem;font-weight:600;margin-left:.5rem}.badge-recommended{background:#4caf5033;color:#4caf50}.badge-free{background:#2196f333;color:#2196f3}.tip-box{background:#ffc1071a;border-left:4px solid #ffc107;padding:1.25rem;margin:1.5rem 0;border-radius:6px;color:#ffffffb3;line-height:1.6}.tip-box strong{color:#667eea}code{background:#ffffff1a;padding:.25rem .5rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem;color:#764ba2}.setup-steps{margin:1.5rem 0}.setup-step{display:flex;align-items:flex-start;margin:1.5rem 0;color:#ffffffb3}.step-number{display:inline-block;width:2rem;height:2rem;background:#667eea;color:#fff;border-radius:50%;text-align:center;line-height:2rem;font-weight:600;margin-right:1rem;flex-shrink:0}.back-button-container{text-align:center;margin-top:3rem}.btn-back{display:inline-block;padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.btn-back:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}@media(max-width:768px){.guide-container{padding:2rem 1rem}.guide-header h1{font-size:2rem}.provider-card{padding:1.5rem}.cost-table{font-size:.9rem}}.feedback-page{width:100vw;height:100vh;overflow:hidden;position:relative;background:url(/static/images/Seed_punk3.png) center center / cover no-repeat;background-color:#050510;display:flex;flex-direction:column}.feedback-page:before{content:"";position:absolute;inset:0;background:#05051473;z-index:0;pointer-events:none}.feedback-container{position:relative;z-index:1;flex:1;overflow-y:auto;display:flex;justify-content:center;padding:2rem 1rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.feedback-container::-webkit-scrollbar{width:4px}.feedback-container::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.feedback-inner{width:100%;max-width:720px;background:#0505140a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:.5px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem 2.5rem;height:-moz-fit-content;height:fit-content}.feedback-header{text-align:center;margin-bottom:1.75rem}.feedback-header h1{font-size:1.7rem;font-weight:800;margin-bottom:.4rem;background:linear-gradient(135deg,#fff,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feedback-header p{font-size:.9rem;color:#ffffff8c;margin:0}.success-message{text-align:center;padding:2.5rem 2rem;background:#4caf5014;border:.5px solid rgba(76,175,80,.3);border-radius:12px;margin-bottom:1.5rem}.success-icon{font-size:3rem;margin-bottom:.75rem}.success-message h3{font-size:1.3rem;font-weight:700;color:#4caf50;margin-bottom:.5rem}.success-message p{font-size:.9rem;color:#ffffffbf;max-width:400px;margin:0 auto}.feedback-form{margin-bottom:1.75rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;color:#ffffffd9;font-size:.88rem;font-weight:600;margin-bottom:.4rem}.form-input,.form-select,.form-textarea{width:100%;padding:.7rem .9rem;background:#ffffff0f;border:.5px solid rgba(255,255,255,.18);border-radius:8px;color:#fff;font-size:.9rem;font-family:inherit;transition:all .2s ease;box-sizing:border-box}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#a78bfa;background:#ffffff1a;box-shadow:0 0 0 3px #a78bfa1f}.form-select option{background:#12122a;color:#fff}.form-textarea{resize:vertical;line-height:1.6}.form-select{cursor:pointer}.form-help{display:block;font-size:.78rem;color:#fff6;margin-top:.35rem}.form-actions{margin-top:1.5rem;display:flex;justify-content:center}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 3rem;border-radius:8px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s ease}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.error-banner{background:#ef444414;border:.5px solid rgba(239,68,68,.3);border-radius:8px;padding:.85rem 1rem;color:#ef4444;margin-bottom:1.25rem;font-size:.88rem;font-weight:500}.feedback-info{background:#ffffff08;border:.5px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem}.feedback-info h3{font-size:1rem;font-weight:700;color:#fff;margin-bottom:1rem;text-align:center}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.info-card{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#ffffff0a;border:.5px solid rgba(255,255,255,.08);border-radius:10px;transition:all .2s ease}.info-card:hover{background:#ffffff12;border-color:#a78bfa4d}.info-icon{font-size:1.5rem;flex-shrink:0}.info-content h4{font-size:.85rem;font-weight:600;color:#fff;margin:0 0 .2rem}.info-content p{font-size:.8rem;color:#fff9;margin:0}.info-content a{color:#a78bfa;text-decoration:none;transition:color .2s}.info-content a:hover{color:#c4b5fd}@media(max-width:768px){.feedback-inner{padding:1.5rem 1.25rem}.info-grid{grid-template-columns:1fr}.btn-primary{width:100%}}.legal-page{width:100vw;height:100vh;overflow:hidden;position:relative;background:url(/static/images/Seed_punk7.png) center center / cover no-repeat;background-color:#050510;display:flex;flex-direction:column}.legal-page:before{content:"";position:absolute;inset:0;background:#05051480;z-index:0;pointer-events:none}.legal-back{position:fixed;top:1.5rem;left:1.5rem;background:#ffffff0f;border:.5px solid rgba(255,255,255,.15);color:#ffffffb3;font-size:1.25rem;width:2.75rem;height:2.75rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:20;text-decoration:none}.legal-back:hover{background:#a78bfa1f;border-color:#a78bfa66;color:#fff}.legal-logo{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:20;cursor:pointer}.legal-logo img{height:4rem;width:auto}.legal-body{flex:1;display:flex;justify-content:center;padding:6rem 2rem 2rem;position:relative;z-index:1;overflow:hidden}.legal-panel{width:100%;max-width:900px;max-height:100%;background:#0505140a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:.5px solid rgba(255,255,255,.1);border-radius:20px;padding:3rem 3.5rem;box-sizing:border-box;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(167,139,250,.3) transparent}.legal-panel::-webkit-scrollbar{width:4px}.legal-panel::-webkit-scrollbar-thumb{background:#a78bfa4d;border-radius:2px}.legal-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:.5px solid rgba(255,255,255,.12)}.legal-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem}.legal-updated{font-size:.9rem;color:#ffffff80;font-style:italic}.legal-content{color:#ffffffd9;line-height:1.8}.legal-section{margin-bottom:2.5rem}.legal-section h2{font-size:1.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:.5px solid rgba(167,139,250,.35);color:#fff;font-weight:700}.legal-section h3{font-size:1.15rem;margin:1.5rem 0 .75rem;color:#ffffffe6;font-weight:600}.legal-section p{margin-bottom:1rem;font-size:.975rem}.legal-section ul{margin:1rem 0 1rem 1.5rem;list-style:disc}.legal-section li{margin-bottom:.5rem;padding-left:.25rem;font-size:.975rem}.legal-section a{color:#667eea;text-decoration:none;font-weight:500;transition:color .2s}.legal-section a:hover{color:#a78bfa;text-decoration:underline}.legal-warning{background:#ef444414;border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:1.25rem 1.5rem;margin:1.25rem 0}.legal-warning p{color:#fca5a5f2;margin-bottom:.75rem}.legal-warning p:last-child{margin-bottom:0}.legal-warning strong{color:#fca5a5;font-weight:700}.legal-warning ul{margin-top:.75rem}.legal-warning li{color:#fca5a5e6}.legal-footer{padding:1.5rem 2rem;text-align:center;color:#fff6;font-size:.85rem;position:relative;z-index:1;border-top:.5px solid rgba(255,255,255,.08)}@media(max-width:768px){.legal-body{padding:5rem 1rem 1rem}.legal-panel{padding:2rem 1.5rem;border-radius:14px}.legal-header h1{font-size:2rem}.legal-section h2{font-size:1.3rem}.legal-section h3{font-size:1.05rem}.legal-logo img{height:3rem}.legal-back{top:1rem;left:1rem;width:2.5rem;height:2.5rem;font-size:1.1rem}}.ai-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.ai-modal{background:var(--bg-secondary);border-radius:16px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;border:1px solid var(--border-color)}.ai-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid var(--border-color)}.ai-modal-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.ai-modal-close{background:none;border:none;font-size:2rem;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.ai-modal-close:hover{background:#ffffff1a;color:var(--text-primary)}.ai-modal-body{padding:28px}.ai-modal-intro{color:var(--text-secondary);margin-bottom:24px;line-height:1.6}.ai-form-group{margin-bottom:24px}.ai-form-group label{display:block;color:var(--text-primary);font-weight:500;margin-bottom:8px;font-size:.95rem}.ai-select{width:100%;padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.95rem;transition:all .2s ease}.ai-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #667eea1a}.ai-textarea{width:100%;padding:12px 14px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.95rem;font-family:inherit;resize:vertical;transition:all .2s ease}.ai-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #667eea1a}.ai-textarea::-moz-placeholder{color:var(--text-tertiary)}.ai-textarea::placeholder{color:var(--text-tertiary)}.ai-char-count{text-align:right;font-size:.85rem;color:var(--text-tertiary);margin-top:6px}.ai-examples{background:#667eea0d;border:1px solid rgba(102,126,234,.2);border-radius:8px;padding:16px;margin-top:24px}.ai-examples-label{font-weight:600;color:var(--text-primary);margin-bottom:12px;font-size:.9rem}.ai-example-btn{display:block;width:100%;text-align:left;padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s ease;margin-bottom:8px}.ai-example-btn:last-child{margin-bottom:0}.ai-example-btn:hover{background:var(--bg-secondary);border-color:var(--accent-primary);color:var(--text-primary)}.ai-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:1px solid var(--border-color)}.ai-btn-cancel{padding:10px 24px;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .2s ease}.ai-btn-cancel:hover{background:var(--bg-tertiary);color:var(--text-primary)}.ai-btn-generate{padding:10px 24px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-purple) 100%);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #667eea4d}.ai-btn-generate:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #667eea66}.ai-btn-generate:disabled{opacity:.5;cursor:not-allowed}.test-modal{max-width:800px;max-height:90vh;overflow-y:auto}.test-modal .form-group{margin-bottom:1.5rem}.test-modal .form-group label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--text-color)}.test-modal .form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-secondary);color:var(--text-color);font-family:inherit;font-size:14px;resize:vertical;min-height:80px}.test-modal .form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.test-modal .form-actions{display:flex;gap:1rem;margin-top:1.5rem}.test-modal .form-actions button{flex:1}.test-modal .no-inputs-message{text-align:center;padding:2rem}.test-modal .no-inputs-message p{margin-bottom:1.5rem;color:var(--text-secondary)}.test-modal .results-section{margin-top:2rem;padding:1.5rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.test-modal .results-section h4{margin-top:0;margin-bottom:1rem;color:var(--text-color);font-size:16px}.test-modal .code-block{background:var(--bg-color);border:1px solid var(--border-color);border-radius:4px;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.6;color:var(--text-color);white-space:pre-wrap;word-wrap:break-word;max-height:400px;overflow-y:auto;margin-bottom:1rem}.test-modal .response-box{background:var(--bg-color);border:1px solid var(--border-color);border-radius:4px;padding:1rem;font-size:14px;line-height:1.6;color:var(--text-color);white-space:pre-wrap;word-wrap:break-word;max-height:400px;overflow-y:auto}.test-modal .btn-sm{padding:.5rem 1rem;font-size:13px}.share-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.share-modal{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;border:1px solid rgba(255,255,255,.1);animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.share-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.share-modal-header h2{margin:0;font-size:20px;color:#fff;font-weight:600}.close-btn{background:none;border:none;color:#fff9;font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-btn:hover:not(:disabled){background:#ffffff1a;color:#fff}.close-btn:disabled{opacity:.5;cursor:not-allowed}.share-modal-body{padding:24px;max-height:calc(90vh - 140px);overflow-y:auto}.template-info{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:12px 16px;margin-bottom:20px;color:#93c5fd;font-size:14px}.template-info strong{color:#dbeafe}.form-group{margin-bottom:20px}.form-group label{display:block;color:#ffffffe6;font-weight:500;margin-bottom:8px;font-size:14px}.form-group input,.form-group textarea{width:100%;padding:10px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:14px;font-family:inherit;transition:all .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;background:#ffffff14}.form-group input:disabled,.form-group textarea:disabled{opacity:.5;cursor:not-allowed}.form-group small{display:block;margin-top:4px;color:#ffffff80;font-size:12px}.form-group textarea{resize:vertical;min-height:60px}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;padding:12px;color:#fca5a5;font-size:14px;margin-bottom:16px}.share-info{background:#ffffff08;border-radius:6px;padding:12px 16px;margin-top:16px}.share-info p{color:#ffffffe6;margin:0 0 8px;font-size:14px}.share-info ul{margin:0;padding-left:20px;color:#ffffffb3;font-size:13px}.share-info li{margin:4px 0}.success-message{text-align:center;padding:40px 20px}.success-icon{font-size:64px;margin-bottom:16px;animation:scaleIn .4s ease-out}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-message h3{color:#fff;margin:0 0 8px;font-size:20px}.success-message p{color:#ffffffb3;margin:0;font-size:14px}.share-modal-footer{display:flex;gap:12px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.1);background:#0003}.btn-primary,.btn-secondary{flex:1;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover:not(:disabled){background:#ffffff26}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-share{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;margin-left:8px}.btn-share:hover{background:linear-gradient(135deg,#059669,#047857)!important;transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.builder-container{display:flex;flex-direction:column;height:100vh;background:url(/static/images/Seed_punk3.png) center center / cover no-repeat;background-color:#050510;overflow:hidden;position:relative}.builder-container:after{content:"";position:absolute;inset:0;background:#05051473;z-index:0;pointer-events:none}.builder-container:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.builder-toolbar{background:#05051426;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:1rem 3rem;display:flex;justify-content:space-between;align-items:center;border-bottom:.5px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff14,0 .5px 0 .5px #ffffff0d inset,0 8px 32px #0000004d,0 1px 2px #0003;gap:2rem;position:relative;z-index:10}.toolbar-left{flex:1;display:flex;align-items:center}.template-info{display:flex;flex-direction:column;gap:.25rem}.template-name-header{font-size:1.5rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.02em}.template-description-header{font-size:.875rem;color:#fff9;margin:0;font-weight:400}.toolbar-brand{display:flex;align-items:center;flex-shrink:0}.toolbar-logo{height:45px;width:auto;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.toolbar-logo:hover{filter:brightness(1.1) drop-shadow(0 4px 12px rgba(0,0,0,.4));transform:scale(1.02)}.toolbar-left{display:flex;flex-direction:column;gap:.25rem;flex:1}.toolbar-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.toolbar-subtitle{font-size:.85rem;color:#ffffffb3}.toolbar-actions{display:flex;gap:.75rem}.btn-action{padding:.6rem 1.25rem;font-size:.9rem;font-weight:500;border-radius:12px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:.5px solid rgba(255,255,255,.18);outline:none;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);box-shadow:0 4px 16px #0000001a}.btn-validate,.btn-preview{background:#2d354899;color:var(--text-primary)}.btn-test{background:#26daa533;color:#26daa5;border-color:#26daa54d}.btn-save{background:#0d73774d;color:var(--accent-secondary);border-color:#0d737766}.btn-ai-generate{background:linear-gradient(135deg,#667eea4d,#764ba24d);color:#fff;font-weight:600;border-color:#667eea66;box-shadow:0 4px 20px #667eea4d}.btn-ai-generate:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px #667eea80;background:linear-gradient(135deg,#667eea66,#764ba266);border-color:#667eea99}.btn-action:hover{transform:translateY(-2px) scale(1.02);background:#ffffff1f;border-color:#ffffff40;box-shadow:0 8px 24px #00000026}.builder-layout{display:grid;grid-template-columns:280px 300px 500px 1fr;height:calc(100vh - 80px);overflow:hidden;gap:1rem;padding:1rem;position:relative;z-index:1}.block-library{background:#0505140a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:.5px solid rgba(255,255,255,.1);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:none}.library-header{padding:1rem;border-bottom:.5px solid rgba(255,255,255,.12)}.library-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.library-header p{font-size:.75rem;color:#fff9;margin:0}.library-categories{flex:1;overflow-y:auto;padding:.5rem}.library-category{margin-bottom:.5rem}.category-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:transparent;border:none;color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;text-align:left;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-header:hover{background:#ffffff14}.category-title{display:flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-secondary);font-size:.75rem;font-weight:700}.category-arrow{width:1rem;height:1rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.category-arrow.expanded{transform:rotate(180deg)}.category-blocks{padding:.25rem 0}.library-block-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem .75rem;margin:.5rem 0;background:#1e3a5f59;backdrop-filter:saturate(200%) blur(40px);-webkit-backdrop-filter:saturate(200%) blur(40px);border-radius:12px;cursor:grab;transition:all .3s cubic-bezier(.4,0,.2,1);border:.5px solid rgba(255,255,255,.2);min-height:-moz-fit-content;min-height:fit-content;box-shadow:0 0 0 .5px #ffffff0f inset,0 4px 16px #00000026,0 1px 2px #0000001a}.library-block-item:hover{background:#2a4a7c8c;border-color:#0d737799;transform:translate(6px) scale(1.02);box-shadow:0 0 0 .5px #ffffff1a inset,0 8px 32px #0d737740,0 2px 8px #0003}.library-block-item:active{cursor:grabbing}.library-block-item.dragging{opacity:.5}.library-block-item .block-icon{font-size:1.25rem;flex-shrink:0;padding-top:.1rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.library-block-item .block-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem;overflow:visible}.library-block-item .block-title{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;overflow:visible!important;white-space:normal!important;word-break:normal;line-height:1.3;text-overflow:clip!important}.library-block-item .block-description{font-size:.75rem;color:#ffffffa6;white-space:normal!important;overflow:visible!important;line-height:1.4;word-break:normal;text-overflow:clip!important}.builder-main{background:#0505140a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:.5px solid rgba(255,255,255,.1);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:none}.canvas-header{padding:1rem 1.5rem;border-bottom:.5px solid rgba(255,255,255,.12);background:transparent;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:50}.canvas-split-view{flex:1;display:flex;gap:1.5rem;overflow:hidden;padding:1.5rem}.canvas-header h2{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.block-count{font-size:.85rem;color:#fff9}.output-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#0d73774d;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);color:#fff;border:.5px solid rgba(13,115,119,.4);border-radius:12px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:100;pointer-events:auto;box-shadow:0 4px 16px #0000001a}.output-toggle-btn:hover{background:#0d737766;border-color:#0d737799;transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px #0d73774d}.output-toggle-btn svg{width:1.25rem;height:1.25rem}.canvas-dropzone{flex:0 0 auto;width:250px;max-width:250px;overflow-y:auto;overflow-x:hidden;padding:0;background:transparent;box-sizing:border-box}.canvas-dropzone.drag-over{background-color:#0d73771a;border-radius:12px}.parameter-editor-panel{flex:0 0 auto;width:500px;max-width:500px;background:#0505140a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;flex-direction:column;overflow:hidden;border:.5px solid rgba(255,255,255,.1);border-radius:16px;box-sizing:border-box;box-shadow:none}.parameter-editor-header{padding:.75rem 1rem;border-bottom:.5px solid rgba(102,126,234,.3);background:#667eea14}.parameter-editor-header h3{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.parameter-editor-header p{font-size:.75rem;color:#fff9;margin:0}.parameter-editor-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:.75rem 1rem 1.5rem;background:transparent;box-sizing:border-box;width:100%}.parameter-editor-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#ffffff80;padding:2rem}.parameter-editor-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.parameter-editor-empty h4{font-size:1.1rem;color:var(--text-secondary);margin:0 0 .5rem}.parameter-editor-empty p{font-size:.85rem;max-width:300px}.block-editor-inline{display:flex;flex-direction:column;gap:0;height:100%;width:100%;max-width:100%;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.field-group{display:flex;flex-direction:column;gap:.5rem;padding:.875rem 0;border-bottom:.5px solid rgba(255,255,255,.08);width:100%;max-width:100%;box-sizing:border-box}.field-group:first-of-type{padding-top:0}.field-group:last-of-type{border-bottom:none;padding-bottom:0}.field-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);display:block;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.field-help{font-size:.7rem;color:#ffffff80;margin-top:.375rem;line-height:1.4;font-style:italic}.editor-actions{display:flex;flex-direction:column;gap:.625rem;padding:1rem 1.5rem;margin-top:auto;border-top:.5px solid rgba(255,255,255,.12);background:#0d0d0d80;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}.btn-save-inline{width:100%;padding:.875rem 1.25rem;background:#0d73774d;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);color:#fff;border:.5px solid rgba(13,115,119,.4);border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 16px #0000001a}.btn-save-inline:hover{background:#0d737766;border-color:#0d737799;transform:translateY(-2px);box-shadow:0 8px 24px #0d73774d}.btn-remove-inline{width:100%;padding:.875rem 1.25rem;background:#ff6b6b1a;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);color:#ff6b6b;border:.5px solid rgba(255,107,107,.3);border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 16px #0000001a}.btn-remove-inline:hover{background:#ff6b6b33;border-color:#ff878780;color:#ff8787;transform:translateY(-2px);box-shadow:0 8px 24px #ff6b6b4d}.btn-close-inline{width:100%;padding:.75rem 1rem;background:#2d35484d;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);color:var(--text-secondary);border:.5px solid rgba(255,255,255,.18);border-radius:12px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0000001a}.btn-close-inline:hover{background:#2d354880;border-color:#ffffff40;transform:translateY(-2px)}.block-editor-inline input[type=text],.block-editor-inline input[type=number],.block-editor-inline textarea,.block-editor-inline select{width:100%;max-width:100%;padding:.75rem .875rem;background:#0d0d0d99;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border:.5px solid rgba(255,255,255,.18);border-radius:12px;color:var(--text-primary);font-size:.875rem;font-family:Courier New,monospace;transition:all .3s cubic-bezier(.4,0,.2,1);line-height:1.5;box-sizing:border-box;box-shadow:0 0 0 .5px #ffffff0f inset}.block-editor-inline input[type=text]::-moz-placeholder,.block-editor-inline textarea::-moz-placeholder{color:#fff6;opacity:.6}.block-editor-inline input[type=text]::placeholder,.block-editor-inline textarea::placeholder{color:#fff6;opacity:.6}.block-editor-inline input[type=text]:focus,.block-editor-inline input[type=number]:focus,.block-editor-inline textarea:focus,.block-editor-inline select:focus{outline:none;border-color:#0d737799;box-shadow:0 0 0 3px #0d737726;background:#0d0d0dcc}.block-editor-inline textarea{min-height:160px;resize:vertical;line-height:1.6;font-family:Courier New,monospace}.block-editor-inline input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer;accent-color:var(--accent-primary)}.block-editor-inline .space-y-2{display:flex;flex-direction:column;gap:.75rem}.block-editor-inline .flex-wrap{display:flex;flex-wrap:wrap;gap:.5rem;min-height:2rem;padding:.5rem;background:#0d0d0d99;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border:.5px solid rgba(255,255,255,.18);border-radius:12px;width:100%;max-width:100%;box-sizing:border-box}.block-editor-inline .inline-flex{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:#0d737740;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);color:var(--accent-secondary);border-radius:8px;font-size:.8rem;border:.5px solid rgba(13,115,119,.4);box-shadow:0 2px 8px #0000001a}.block-editor-inline .inline-flex button{display:flex;align-items:center;background:transparent;border:none;cursor:pointer;color:inherit;padding:0;transition:all .2s}.block-editor-inline .inline-flex button:hover{color:#ff6b6b}.block-editor-inline button[class*=bg-gray]{padding:.5rem 1rem;background:#2d354880;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);color:var(--text-secondary);border:.5px solid rgba(255,255,255,.18);border-radius:12px;font-size:.8rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0000001a}.block-editor-inline button[class*=bg-gray]:hover{background:#2d3548cc;border-color:#0d737799;transform:translateY(-1px)}.empty-canvas{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;color:#ffffff80;padding:2rem;border:2px dashed rgba(255,255,255,.15);border-radius:16px}.empty-canvas-icon{font-size:4rem;margin-bottom:1rem}.empty-canvas h3{font-size:1.25rem;color:var(--text-secondary);margin:0 0 .5rem}.empty-canvas p{font-size:.9rem;max-width:400px}.canvas-blocks{display:flex;flex-direction:column;gap:.5rem;width:100%;box-sizing:border-box;overflow-x:hidden}.compact-block-card{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#1e3a5f59;backdrop-filter:saturate(200%) blur(40px);-webkit-backdrop-filter:saturate(200%) blur(40px);border-radius:12px;border:.5px solid rgba(255,255,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:move;width:100%;max-width:100%;box-sizing:border-box;box-shadow:0 0 0 .5px #ffffff0f inset,0 4px 16px #00000026,0 1px 2px #0000001a}.compact-block-card:hover{background:#2a4a7c8c;border-color:#0d737799;transform:translateY(-2px) scale(1.02);box-shadow:0 0 0 .5px #ffffff1a inset,0 12px 32px #0d737759,0 4px 12px #0003}.block-drag-handle{display:flex;align-items:center;justify-content:center;cursor:grab;color:#ffffff80;background:transparent;border:none;padding:.25rem;border-radius:8px;transition:all .2s}.block-drag-handle:hover{color:var(--text-secondary);background:#ffffff1a}.block-drag-handle:active{cursor:grabbing}.block-info{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.block-icon{font-size:1rem;flex-shrink:0}.block-title{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.block-number{font-size:.7rem;color:#ffffff80;margin-left:auto;flex-shrink:0}.block-category-badge{padding:.25rem .5rem;font-size:.7rem;font-weight:500;border-radius:8px;white-space:nowrap;flex-shrink:0}.block-actions{display:flex;gap:.25rem;align-items:center}.block-action-btn{display:flex;align-items:center;justify-content:center;padding:.25rem;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s;color:#ffffff80}.block-action-btn:hover{background:#ffffff1a}.delete-btn:hover{color:#ff6b6b}.output-side-tab,.output-side-tab-open{position:fixed;top:50%;transform:translateY(-50%);background:#0d7377a6;backdrop-filter:saturate(200%) blur(40px);-webkit-backdrop-filter:saturate(200%) blur(40px);color:#fff;border:.5px solid rgba(13,115,119,.5);border-radius:12px 0 0 12px;padding:1rem .5rem;cursor:pointer;z-index:100;display:flex;flex-direction:column;align-items:center;gap:.5rem;box-shadow:-4px 0 16px #0000004d,0 0 0 .5px #ffffff14 inset,inset 1px 0 1px #ffffff0d;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:auto}.output-side-tab{right:0}.output-side-tab-open{right:420px}.output-side-tab:hover{background:#0d7377d9;right:-.25rem;box-shadow:-4px 0 16px #0d737766,0 0 0 .5px #ffffff1a inset}.output-side-tab-open:hover{background:#0d7377d9;right:420.25px;box-shadow:-4px 0 16px #0d737766,0 0 0 .5px #ffffff1a inset}.output-side-tab .side-tab-icon,.output-side-tab-open .side-tab-icon{width:1.25rem;height:1.25rem}.output-side-tab .side-tab-text{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.85rem;font-weight:600;letter-spacing:.5px}.output-panel{background:#0505140a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:.5px solid rgba(255,255,255,.1);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;height:100%;box-shadow:none}.output-header{padding:1rem 1.5rem;border-bottom:.5px solid rgba(13,115,119,.3);display:flex;justify-content:space-between;align-items:center}.output-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.output-close-btn{background:transparent;border:none;color:#ffffff80;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.output-close-btn:hover{background:#0d737733;color:var(--accent-secondary)}.output-tabs{display:flex;flex-wrap:wrap;gap:.25rem;padding:.75rem;border-bottom:.5px solid rgba(255,255,255,.12);background:#0d0d0d80}.output-tab{padding:.4rem .7rem;font-size:.75rem;background:#2d2d2d80;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border:.5px solid rgba(255,255,255,.18);color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.35rem;white-space:nowrap;box-shadow:0 2px 8px #0000001a}.output-tab:hover{background:#353535b3;border-color:#0d737799;transform:translateY(-1px)}.output-tab.active{background:#0d73774d;color:#fff;border-color:#0d737780}.tab-icon{font-size:.9rem}.output-body{flex:1;overflow-y:auto;padding:1rem}.output-content{font-family:Courier New,monospace;font-size:.85rem;color:var(--text-primary);line-height:1.6;white-space:pre-wrap;margin:0}.output-content.code{background:#0d0d0d99;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);padding:1rem;border-radius:12px;border:.5px solid rgba(255,255,255,.18)}.preview-header{color:var(--accent-secondary);font-weight:600;margin-bottom:1rem}.no-blocks-message{color:#ffffff80;font-style:italic}.validation-success{color:#26daa5;padding:1rem;background:#26daa526;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-radius:12px;border:.5px solid rgba(38,218,165,.3);box-shadow:0 4px 16px #0000001a}.validation-warning{color:#fbbf24;padding:1rem;background:#fbbf2426;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-radius:12px;border:.5px solid rgba(251,191,36,.3);box-shadow:0 4px 16px #0000001a}.compiler-info,.memory-info{color:var(--text-secondary);padding:1rem;text-align:center}.drag-overlay-block{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#0d7377b8;backdrop-filter:saturate(180%) blur(30px);-webkit-backdrop-filter:saturate(180%) blur(30px);border:.5px solid rgba(13,115,119,.6);border-radius:12px;box-shadow:0 8px 32px #0d737766,0 0 0 .5px #ffffff1a inset;color:#fff}.drag-icon{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.drag-title{font-weight:600;font-size:.95rem}.library-categories::-webkit-scrollbar,.canvas-dropzone::-webkit-scrollbar,.output-body::-webkit-scrollbar,.parameter-editor-body::-webkit-scrollbar{width:8px;height:8px}.library-categories::-webkit-scrollbar-track,.canvas-dropzone::-webkit-scrollbar-track,.output-body::-webkit-scrollbar-track,.parameter-editor-body::-webkit-scrollbar-track{background:#0d0d0d4d}.library-categories::-webkit-scrollbar-thumb,.canvas-dropzone::-webkit-scrollbar-thumb,.output-body::-webkit-scrollbar-thumb,.parameter-editor-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.library-categories::-webkit-scrollbar-thumb:hover,.canvas-dropzone::-webkit-scrollbar-thumb:hover,.output-body::-webkit-scrollbar-thumb:hover,.parameter-editor-body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.parameter-editor-body::-webkit-scrollbar{width:6px}.parameter-editor-body::-webkit-scrollbar-track{background:transparent}.parameter-editor-body::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}.parameter-editor-body::-webkit-scrollbar-thumb:hover{background:#ffffff1a}@media(max-width:1400px){.builder-container{height:auto;min-height:100vh;overflow-y:auto}.builder-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;height:auto;min-height:auto;overflow:visible}.block-library,.builder-main,.parameter-editor-panel,.output-panel{grid-column:1;width:100%;max-width:100%;min-height:300px;max-height:none}.builder-main{min-height:400px}.parameter-editor-body,.output-body,.library-categories{overflow-y:visible;max-height:none}}@media(max-width:1024px){.builder-container{height:auto;min-height:100vh;overflow-y:auto}.builder-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;gap:.75rem;height:auto;min-height:auto;overflow:visible}.block-library,.builder-main,.parameter-editor-panel,.output-panel{grid-column:1;width:100%;max-width:100%;height:auto}.block-library{min-height:300px;max-height:none}.builder-main{min-height:400px;max-height:none}.parameter-editor-panel,.output-panel{min-height:300px;max-height:none}.library-categories,.parameter-editor-body,.output-body{max-height:none;overflow-y:visible}.output-side-tab,.output-side-tab-open{display:none}.builder-toolbar{padding:.75rem 1.5rem;flex-wrap:wrap}.toolbar-actions{flex-wrap:wrap}}@media(max-width:768px){.builder-toolbar{padding:.5rem 1rem}.btn-action{padding:.5rem 1rem;font-size:.85rem}.builder-layout{padding:.5rem;gap:.5rem;height:auto;overflow:visible}.library-header h3,.canvas-header h2,.parameter-editor-header h3,.output-header h3{font-size:.9rem}.library-block-item .block-title,.compact-block-card .block-title{font-size:.8rem}.output-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.output-tab{font-size:.7rem;padding:.35rem .6rem}.block-library,.builder-main,.parameter-editor-panel{max-height:none}}@media(max-width:480px){.builder-layout{height:auto;min-height:auto;overflow:visible}.block-library{min-height:250px;max-height:none}.builder-main,.parameter-editor-panel{min-height:300px;max-height:none}.btn-action{width:100%;margin-bottom:.5rem}.toolbar-actions{width:100%;flex-direction:column}.library-block-item{padding:.75rem .5rem}.compact-block-card{padding:.4rem}.block-editor-inline input[type=text],.block-editor-inline input[type=number],.block-editor-inline textarea,.block-editor-inline select{font-size:.8rem;padding:.6rem .75rem}}html,body{overflow-y:auto!important;overflow-x:hidden!important;height:auto!important}.template-test-page{width:100vw;min-height:100vh;height:auto;background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;background-color:#050510;position:relative;padding-bottom:3rem}.template-test-page:before{content:"";position:fixed;inset:0;background:#05051485;z-index:0;pointer-events:none}.template-test-page>*:not(.nav-logo-float){position:relative;z-index:1}.template-test-container{max-width:1300px;margin:0 auto;padding:1rem 2rem 3rem}.template-test-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.template-info{margin-bottom:2rem;padding-top:1.5rem;border-top:.5px solid rgba(255,255,255,.12)}.template-test-title{font-size:2rem;font-weight:600;color:var(--text-color);margin:0 0 .5rem}.template-test-subtitle{font-size:1rem;color:var(--text-secondary);margin:0}.template-test-content{display:flex;flex-direction:column;gap:2rem}.input-form{background:#0505140a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:.5px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem}.form-section-title{font-size:.8rem;font-weight:700;color:#ffffff73;text-transform:uppercase;letter-spacing:.08em;margin:0 0 1.5rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:600;color:#fffc;margin-bottom:.4rem;text-transform:capitalize}.form-textarea{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;font-family:inherit;font-size:.9rem;line-height:1.5;resize:vertical;min-height:90px;transition:border-color .2s;box-sizing:border-box}.form-textarea:focus{outline:none;border-color:#8b5cf680;background:#ffffff12}.form-textarea::-moz-placeholder{color:#ffffff4d}.form-textarea::placeholder{color:#ffffff4d}.form-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:.5px solid rgba(255,255,255,.12)}.form-actions button{flex:1;max-width:250px}.no-inputs-section{background:#0505140a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:.5px solid rgba(255,255,255,.1);border-radius:16px;padding:3rem;text-align:center}.no-inputs-message{color:#ffffff80;font-size:.9rem;margin-bottom:1.5rem;line-height:1.5}.results-section{background:#0505140a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:.5px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.results-title{font-size:1.1rem;font-weight:600;color:var(--text-color);margin:0}.code-block{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.75;color:#ffffffe6;white-space:pre-wrap;word-wrap:break-word;max-height:500px;overflow-y:auto}.code-block::-webkit-scrollbar{width:8px}.code-block::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.code-block::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px;-webkit-transition:background .2s;transition:background .2s}.code-block::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.response-box{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem;font-size:.95rem;line-height:1.75;color:#ffffffe6;white-space:pre-wrap;word-wrap:break-word;max-height:500px;overflow-y:auto;margin-top:1rem}.response-box::-webkit-scrollbar{width:8px}.response-box::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.response-box::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px;-webkit-transition:background .2s;transition:background .2s}.response-box::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.loading-message,.error-message{text-align:center;padding:3rem;font-size:1.1rem;color:var(--text-secondary)}.error-message{color:#ef4444}.run-page{width:100vw;min-height:100vh;background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;background-color:#050510;position:relative}.run-page:before{content:"";position:fixed;inset:0;background:#05051485;z-index:0;pointer-events:none}.run-page>*:not(.nav-logo-float){position:relative;z-index:1}.run-container{max-width:1300px;margin:0 auto;padding:1rem 2rem 3rem}.run-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.page-main-title{font-size:2.5rem;font-weight:600;color:#0ea5e9;margin:0;text-shadow:0 0 20px rgba(14,165,233,.3);letter-spacing:-.02em}.btn-back-lib{background:#ffffff0f;color:#ffffffb3;border:1px solid rgba(255,255,255,.12);padding:.5rem 1rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-back-lib:hover{background:#ffffff1a;color:#fff}.run-badge{display:inline-block;background:#8b5cf633;color:#a78bfa;border:1px solid rgba(139,92,246,.35);padding:.2rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.5rem}.run-title{font-size:1.75rem;font-weight:800;color:#fff;margin:0 0 .3rem}.run-subtitle{color:#ffffff8c;font-size:.9rem;margin:0 0 1.5rem}.run-layout{display:grid;grid-template-columns:minmax(300px,400px) 1fr;gap:2rem;align-items:start}.run-inputs-panel{background:#0505140a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:.5px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;max-height:calc(100vh - 220px);overflow-y:auto;position:sticky;top:1.5rem}.run-section-title{font-size:.8rem;font-weight:700;color:#ffffff73;text-transform:uppercase;letter-spacing:.08em;margin:0 0 1.5rem}.run-form-group{margin-bottom:1.25rem}.run-label{display:block;font-size:.875rem;font-weight:600;color:#fffc;margin-bottom:.4rem;text-transform:capitalize}.run-textarea{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;font-family:inherit;font-size:.9rem;line-height:1.5;resize:vertical;min-height:90px;transition:border-color .2s;box-sizing:border-box}.run-textarea:focus{outline:none;border-color:#8b5cf680;background:#ffffff12}.run-textarea::-moz-placeholder{color:#ffffff4d}.run-textarea::placeholder{color:#ffffff4d}.run-no-inputs{color:#ffffff80;font-size:.9rem;margin-bottom:1.5rem;line-height:1.5}.btn-run-execute{width:100%;padding:.9rem 1.5rem;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;box-shadow:0 4px 20px #7c3aed59}.btn-run-execute:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 28px #7c3aed80}.btn-run-execute:disabled{opacity:.7;cursor:not-allowed}.btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.run-output-panel{background:#0505140a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:.5px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;min-height:400px;max-height:calc(100vh - 220px);display:flex;flex-direction:column;overflow-y:auto;position:sticky;top:1.5rem}.run-output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.btn-copy{background:#ffffff0f;color:#ffffffb3;border:1px solid rgba(255,255,255,.12);padding:.35rem .9rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-copy:hover{background:#ffffff1a;color:#fff}.run-output-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#ffffff4d;gap:1rem}.run-empty-icon{font-size:3rem;opacity:.4}.run-output-empty p{font-size:.9rem;max-width:280px;line-height:1.5}.run-output-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;color:#ffffff80;font-size:.9rem}.run-pulse{width:48px;height:48px;border-radius:50%;background:#8b5cf64d;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(.85);opacity:.6}50%{transform:scale(1.15);opacity:1}}.run-response{flex:1;color:#ffffffe6;font-size:.95rem;line-height:1.75;white-space:pre-wrap;word-wrap:break-word;overflow-y:auto;max-height:calc(100vh - 340px);padding-right:.25rem}.run-error-box{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:1rem 1.25rem;color:#f87171;font-size:.875rem;margin-bottom:1rem}.run-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;gap:1rem;color:#ffffff80}.run-spinner{width:40px;height:40px;border:3px solid rgba(139,92,246,.2);border-top-color:#a78bfa;border-radius:50%;animation:spin .8s linear infinite}.run-error-msg{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:2rem;color:#f87171;text-align:center}.run-inputs-panel::-webkit-scrollbar,.run-output-panel::-webkit-scrollbar,.run-response::-webkit-scrollbar{width:8px}.run-inputs-panel::-webkit-scrollbar-track,.run-output-panel::-webkit-scrollbar-track,.run-response::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.run-inputs-panel::-webkit-scrollbar-thumb,.run-output-panel::-webkit-scrollbar-thumb,.run-response::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px;-webkit-transition:background .2s;transition:background .2s}.run-inputs-panel::-webkit-scrollbar-thumb:hover,.run-output-panel::-webkit-scrollbar-thumb:hover,.run-response::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media(max-width:900px){.run-layout{grid-template-columns:1fr}.run-inputs-panel,.run-output-panel{position:static;max-height:none}}@media(max-width:768px){.run-container{padding:1rem 1rem 2rem}.page-main-title{font-size:2rem}.run-topbar{flex-direction:column;align-items:flex-start;gap:.75rem}.btn-back-lib{width:100%}.run-inputs-panel,.run-output-panel{padding:1.5rem}}@media(max-width:600px){.run-header{flex-direction:column;gap:1rem}.page-main-title{font-size:1.75rem}.run-title{font-size:1.5rem}.run-container{padding:.75rem .75rem 2rem}.run-inputs-panel,.run-output-panel{padding:1.25rem;border-radius:12px}.run-layout{gap:1.25rem}}@media(max-width:480px){.page-main-title{font-size:1.5rem}.run-title{font-size:1.25rem}.run-subtitle{font-size:.85rem}.btn-back-lib{font-size:.75rem;padding:.4rem .75rem}}