.landing{min-height:100vh;background:radial-gradient(circle at top left,rgba(115,171,132,.18),transparent 40%),radial-gradient(circle at bottom right,rgba(115,171,132,.16),transparent 45%),#0b0d12;color:#fbfaf8;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;display:flex;flex-direction:column}.landing__floating-actions{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.75rem;z-index:1000}.landing__floating-button{display:inline-flex;align-items:center;gap:.75rem;padding:.85rem 1.1rem;border-radius:999px;font-weight:600;font-size:.95rem;background:#202632eb;color:#fbfaf8;border:1px solid rgba(153,209,156,.28);box-shadow:0 22px 45px #05070c8c;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border .2s ease;text-decoration:none}.landing__floating-button svg{width:1.4rem;height:1.4rem;fill:currentColor}.landing__floating-button:hover,.landing__floating-button:focus-visible{transform:translateY(-2px);box-shadow:0 26px 52px #05070ca6;background:#2a3344f5;border-color:#99d19c73}.landing__floating-button:focus-visible{outline:2px solid rgba(115,171,132,.6);outline-offset:2px}.landing__floating-button--whatsapp{background:linear-gradient(135deg,#25d366,#1ebe5b);color:#042010}.landing__floating-button--whatsapp:hover,.landing__floating-button--whatsapp:focus-visible{background:linear-gradient(135deg,#3ee07a,#1fc966)}.landing__floating-button--bot{background:linear-gradient(135deg,#6f9df6,#9cc0ff);color:#0b0d12}.landing__floating-button--bot:hover,.landing__floating-button--bot:focus-visible{background:linear-gradient(135deg,#88b1ff,#5f8ff0)}.landing__floating-label{white-space:nowrap}@media (max-width: 768px){.landing__floating-actions{bottom:1rem;right:1rem}.landing__floating-button{padding:.75rem .95rem;font-size:.9rem;gap:.6rem}.landing__floating-label{font-size:.88rem}}.landing__header{background:#0b0d12d1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(251,250,248,.08);min-height:100vh;display:flex;flex-direction:column}.landing__bar{margin:0 auto;max-width:1200px;padding:1.25rem clamp(1.5rem,4vw,3rem);display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:clamp(1rem,3vw,2.5rem)}.landing__brand{display:flex;flex-direction:column;gap:.25rem;justify-self:flex-start}.landing__logo{font-weight:700;font-size:1.5rem;color:#73ab84}.landing__tagline{font-size:.85rem;color:#fbfaf899}.landing__nav{display:flex;justify-self:center;justify-content:center;gap:1.5rem;font-size:.95rem}.landing__nav a{text-decoration:none;color:#fbfaf8a6;font-weight:500;transition:color .2s ease}.landing__nav a:hover,.landing__nav a:focus{color:#fbfaf8}.landing__actions{display:flex;align-items:center;gap:1rem;justify-self:flex-end}.landing__language{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#fbfaf873}.landing__language select{background:transparent;border:1px solid rgba(251,250,248,.18);color:#fbfaf8bf;border-radius:999px;padding:.3rem .7rem;font-size:.8rem}.landing__login{background:linear-gradient(135deg,#86dfa0,#c5f7c9);border-radius:999px;padding:.45rem 1.1rem;text-decoration:none;font-weight:600;color:#0b0d12;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 12px 28px #86dfa052}.landing__login:hover,.landing__login:focus{transform:translateY(-1px);box-shadow:0 18px 38px #86dfa066}.landing__hero{margin:0 auto;max-width:1200px;padding:4.5rem clamp(1.5rem,4vw,3rem) 3.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;align-items:center;flex:1;width:100%}.landing__hero-content h1{font-size:clamp(2.3rem,4vw,3.4rem);line-height:1.1;margin-bottom:1.5rem}.landing__hero-content p{font-size:1.05rem;color:#fbfaf899;margin-bottom:2rem;max-width:540px}.landing__hero-cta{display:flex;flex-wrap:wrap;gap:1rem}.landing__cta-primary,.landing__cta-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.8rem;border-radius:999px;font-weight:600;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border .2s ease,background .25s ease,filter .25s ease}.landing__cta-primary{background:linear-gradient(130deg,#bdfbcf,#6eed9e 45%,#2fca70);color:#03180c;border:1px solid rgba(64,202,122,.65);box-shadow:0 22px 48px #40ca7a61;text-shadow:0 1px 0 rgba(255,255,255,.4)}.landing__cta-secondary{border:1px solid rgba(153,209,156,.35);color:#fbfaf8d9;background:#242c3abf;box-shadow:0 12px 28px #05070c73}.landing__cta-primary:hover,.landing__cta-primary:focus{transform:translateY(-2px);box-shadow:0 26px 56px #40ca7a73;background:linear-gradient(130deg,#d1ffd9,#7ff1a9 40%,#33d377);border-color:#40ca7acc}.landing__cta-secondary:hover,.landing__cta-secondary:focus{transform:translateY(-1px);box-shadow:0 16px 34px #05070c80;border-color:#99d19c8c}.landing__hero-highlight{position:relative;border-radius:1.75rem;background:linear-gradient(132deg,#082416f5,#124e2ef0 52%,#40ca7aeb);padding:1.75rem 2.4rem;display:flex;gap:1.45rem;align-items:center;color:#f6fff9;border:1px solid rgba(159,228,173,.55);box-shadow:0 30px 64px #0623138c,inset 0 1px #ffffff14;overflow:hidden;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.landing__hero-highlight:before{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(120deg,#ffffff38,#ffffff0d 48%,#ffffff47);opacity:.85;mix-blend-mode:screen;pointer-events:none}.landing__hero-highlight:after{content:"";position:absolute;inset:-42% 18% 18% -28%;background:radial-gradient(circle at 25% 22%,#cdffdfa6,#cdffdf00 60%),radial-gradient(circle at 72% 70%,#198f57b3,#198f5700 68%);filter:blur(12px);opacity:.9;pointer-events:none;transform:rotate(-7deg);animation:heroHighlightPulse 5.2s ease-in-out infinite}.landing__hero-highlight-text{position:relative;z-index:1;display:flex;flex-direction:column;gap:.35rem}.landing__hero-highlight-text p{margin:0;font-weight:600;line-height:1.55;color:#eefaf4e0}.landing__hero-highlight-text strong{display:inline-flex;align-items:center;gap:.45rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:clamp(1.1rem,2.5vw,1.35rem);color:#f8fffa;text-shadow:0 12px 26px rgba(7,41,25,.55)}.landing__hero-highlight-text strong:after{content:"";width:.55rem;height:.55rem;border-radius:999px;background:radial-gradient(circle,#fffffff2,#fff0 70%);box-shadow:0 0 18px #b7ffd8d9;flex-shrink:0}@supports (-webkit-background-clip: text){.landing__hero-highlight-text strong{background:linear-gradient(118deg,#f8fffa,#c0ffd9 38%,#89f0b3 68%,#f8fffa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}}@supports (background-clip: text){.landing__hero-highlight-text strong{background:linear-gradient(118deg,#f8fffa,#c0ffd9 38%,#89f0b3 68%,#f8fffa);-webkit-background-clip:text;background-clip:text;color:transparent}}.landing__hero-highlight-icon{width:3rem;height:3rem;border-radius:999px;background:radial-gradient(circle at 32% 28%,#e6fff3,#9ff3c3 42%,#1d6f3f);border:1px solid rgba(255,255,255,.65);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;box-shadow:0 20px 40px #0623138c,0 0 0 1px #ffffff29 inset;z-index:1}.landing__hero-highlight-icon:before{content:"";position:absolute;inset:18%;border-radius:inherit;background:radial-gradient(circle at 30% 30%,#fffffff2,#fff0);opacity:.9}.landing__hero-highlight-icon:after{content:"↗";font-size:1.25rem;font-weight:700;color:#0c3b23;text-shadow:0 0 20px rgba(189,255,217,.85);animation:heroHighlightSparkle 3.6s ease-in-out infinite}.landing__main{padding:3rem 0 4rem}.landing__section{margin:0 auto;max-width:1200px;padding:0 clamp(1.5rem,4vw,3rem) 4rem}.landing__section-header{max-width:720px;margin-bottom:2rem}.landing__section-header h2{font-size:clamp(1.8rem,3vw,2.4rem);margin-bottom:.75rem}.landing__section-header p{color:#fbfaf899;line-height:1.6}.landing__grid{display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.landing__grid article{background:#12141ac7;border:1px solid rgba(251,250,248,.08);border-radius:1rem;padding:1.5rem;box-shadow:0 15px 35px #12141a40}.landing__grid h3{font-size:1.25rem;margin-bottom:.75rem}.landing__grid p{color:#fbfaf8bf;line-height:1.6}.landing__plans{position:relative}.landing__plans-controls{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem;flex-wrap:wrap}.landing__plans-toggle{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:#12141abf;border:1px solid rgba(115,171,132,.3);padding:.3rem;border-radius:999px;min-width:320px;box-shadow:inset 0 0 0 1px #94a3b81a}.landing__toggle-option{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.75rem 1.25rem;border-radius:999px;border:none;background:transparent;color:#fbfaf8b3;font-weight:600;cursor:pointer;transition:color .2s ease}.landing__toggle-option small{font-size:.75rem;font-weight:500}.landing__toggle-option--active{color:#0b0d12}.landing__toggle-pill{position:absolute;top:.3rem;bottom:.3rem;width:calc(50% - .3rem);border-radius:999px;background:linear-gradient(135deg,#73ab84,#99d19c);box-shadow:0 10px 30px #73ab8459;transition:transform .35s ease}.landing__plans-toggle[data-cycle=monthly] .landing__toggle-pill{transform:translate(0)}.landing__plans-toggle[data-cycle=annual] .landing__toggle-pill{transform:translate(100%)}.landing__plans-save{color:#73ab84;font-weight:600}.landing__plan-category{margin-bottom:3.5rem}.landing__plan-category:last-of-type{margin-bottom:0}.landing__plan-category>header{display:flex;align-items:center;gap:1rem;margin-bottom:1.75rem}.landing__plan-category>header h3{font-size:1.4rem;margin-bottom:.2rem}.landing__plan-category>header p{color:#fbfaf8bf}.landing__plan-icon{font-size:1.75rem;display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:1rem;background:#73ab842e;box-shadow:0 18px 35px #12141a66}.landing__plan-icon svg{width:1.65rem;height:1.65rem;fill:#fbfaf8eb}.landing__plan-icon--creators{background:linear-gradient(135deg,#73ab8473,#99d19c59)}.landing__plan-icon--agencies{background:linear-gradient(135deg,#99d19c73,#73ab8459)}.landing__plans-grid{display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));animation:landingFade .45s ease}.landing__plans-grid--agencies{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.landing__plan-card{position:relative;display:flex;flex-direction:column;gap:1.25rem;padding:1.85rem;border-radius:1.5rem;background:#12141ad1;border:1px solid rgba(148,163,184,.28);box-shadow:0 24px 40px #0a0c1266;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease;cursor:pointer}.landing__plan-card:hover,.landing__plan-card:focus-within{transform:translateY(-4px);background:linear-gradient(155deg,#99d19ce6,#73ab84d9);border-color:#fafaff73;box-shadow:0 30px 60px #73ab846b}.landing__plan-card:focus-visible{outline:2px solid rgba(153,209,156,.65);outline-offset:4px}.landing__plan-card header h4{font-size:1.5rem;margin-bottom:.35rem}.landing__plan-card header p{color:#fbfaf8bf;line-height:1.55}.landing__plan-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:linear-gradient(135deg,#73ab84e6,#99d19cd1);color:#04170d;border:1px solid rgba(250,250,255,.32);box-shadow:0 12px 22px #73ab8459;margin-bottom:.75rem}.landing__plan-card--selected{transform:translateY(-6px);background:linear-gradient(155deg,#3b613de6,#73ab84d9);border-color:#fafaff80;box-shadow:0 34px 64px #73ab8473}.landing__plan-card--featured{border-color:#99d19ca6;border-width:2px}.landing__plan-card--featured:not(.landing__plan-card--selected):not(:hover):not(:focus-within){background:linear-gradient(160deg,#29352feb,#12141ae0);box-shadow:0 28px 54px #29352f73;border-color:#99d19cb8}.landing__plan-card--featured.landing__plan-card--selected{border-color:#fafaff8c}.landing__plan-card--selected .landing__plan-price strong{color:#fbfaf8}.landing__plan-card:hover .landing__plan-price strong,.landing__plan-card:focus-within .landing__plan-price strong{color:#fbfaf8}.landing__plan-price{display:flex;flex-direction:column;gap:.35rem}.landing__plan-price strong{font-size:2rem;font-weight:700;color:#73ab84}.landing__plan-price span{color:#fbfaf8b3;font-size:.9rem}.landing__plan-card ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.55rem;color:#fbfaf8d1}.landing__plan-card ul li{position:relative;padding-left:1.5rem}.landing__plan-card ul li:before{content:"";position:absolute;width:.6rem;height:.6rem;border-radius:50%;left:0;top:.4rem;background:linear-gradient(135deg,#73ab84,#99d19c);box-shadow:0 0 0 3px #3b82f626}.landing__plan-card ul li[data-tooltip]{cursor:help}.landing__plan-card ul li[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:1.5rem;top:100%;margin-top:.4rem;background:#12141af2;border:1px solid rgba(115,171,132,.45);color:#fbfaf8eb;padding:.5rem .75rem;border-radius:.65rem;font-size:.75rem;line-height:1.3;width:max-content;max-width:220px;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease;box-shadow:0 18px 30px #12141a73;z-index:5}.landing__plan-card ul li[data-tooltip]:hover:after,.landing__plan-card ul li[data-tooltip]:focus-visible:after{opacity:1;transform:translateY(0)}.landing__plan-cta{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.4rem;border-radius:999px;text-decoration:none;font-weight:600;color:#0b0d12;background:linear-gradient(135deg,#73ab84,#99d19c);box-shadow:0 16px 30px #73ab8473;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.landing__plan-cta:hover,.landing__plan-cta:focus-visible{transform:translateY(-2px);box-shadow:0 22px 40px #73ab8480;background:linear-gradient(135deg,#99d19c,#b8e0bd)}@keyframes landingFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes heroHighlightPulse{0%,to{opacity:.65;transform:scale(.95)}50%{opacity:.95;transform:scale(1.05)}}@keyframes heroHighlightSparkle{0%,to{transform:rotate(0) scale(1)}40%{transform:rotate(6deg) scale(1.1)}70%{transform:rotate(-4deg) scale(.95)}}@media (max-width: 768px){.landing__plans-toggle{min-width:100%}}@media (max-width: 640px){.landing__plans-grid{grid-template-columns:1fr}.landing__plan-card{padding:1.6rem}.landing__plan-price strong{font-size:1.7rem}}.landing__faq-list{display:grid;gap:1rem}.landing__faq-list details{background:#12141aa6;border:1px solid rgba(251,250,248,.08);border-radius:1rem;padding:1rem 1.25rem;cursor:pointer}.landing__faq-list summary{font-weight:600;font-size:1rem;color:#fbfaf8f2}.landing__faq-list p{margin-top:.75rem;color:#fbfaf8bf;line-height:1.5}.landing__contact{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start}.landing__contact-info h2{font-size:clamp(1.8rem,3vw,2.3rem);margin-bottom:1rem}.landing__contact-info p{color:#fbfaf899;margin-bottom:1.5rem}.landing__contact-actions{display:flex;flex-direction:column;gap:1rem}.landing__contact-link{display:flex;align-items:center;gap:.9rem;padding:.85rem 1.1rem;border-radius:1rem;background:#12141ab8;border:1px solid rgba(115,171,132,.35);text-decoration:none;color:#73ab84;font-weight:600;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.landing__contact-link:hover,.landing__contact-link:focus{transform:translateY(-1px);border-color:#73ab8499;box-shadow:0 16px 30px #73ab8440}.landing__contact-icon{width:2.25rem;height:2.25rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#73ab842e;border:1px solid rgba(115,171,132,.4);flex-shrink:0}.landing__contact-icon svg{width:1.25rem;height:1.25rem;fill:currentColor}.landing__contact-link--whatsapp,.landing__contact-link--bot{color:#73ab84;border-color:#73ab848c}.landing__contact-link--whatsapp .landing__contact-icon,.landing__contact-link--bot .landing__contact-icon{background:#73ab842e;border-color:#73ab8473}.landing__contact-form{background:#12141ac7;border-radius:1.25rem;padding:1.75rem;border:1px solid rgba(148,163,184,.25);box-shadow:0 20px 35px #12141a59;display:flex;flex-direction:column;gap:1.25rem}.landing__contact-form h3{font-size:1.25rem;margin-bottom:.25rem}.landing__contact-form p{color:#fbfaf8bf;margin:0}.landing__contact-form-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.landing__contact-form label{display:flex;flex-direction:column;gap:.5rem;font-size:.9rem;color:#fbfaf899}.landing__contact-form input,.landing__contact-form textarea{background:#12141abf;border:1px solid rgba(115,171,132,.35);border-radius:.85rem;padding:.75rem 1rem;color:#fbfaf8;font-size:.95rem;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.landing__contact-form input::placeholder,.landing__contact-form textarea::placeholder{color:#94a3b8b3}.landing__contact-form input:focus,.landing__contact-form textarea:focus{outline:none;border-color:#73ab84b3;box-shadow:0 0 0 3px #73ab8440}.landing__contact-message{grid-column:1 / -1}.landing__contact-form button{align-self:flex-start;padding:.85rem 1.75rem;border-radius:999px;border:none;background:linear-gradient(135deg,#86dfa0,#c5f7c9);color:#06140d;font-weight:600;cursor:pointer;box-shadow:0 16px 36px #86dfa04d;transition:transform .2s ease,box-shadow .2s ease}.landing__contact-form button:hover,.landing__contact-form button:focus{transform:translateY(-1px);box-shadow:0 22px 44px #86dfa066}.landing__footer{border-top:1px solid rgba(251,250,248,.08);padding:3rem clamp(1.5rem,4vw,3rem);background:#0a0d17d9}.landing__footer-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:1200px;margin:0 auto 2rem}.landing__footer-grid h4{margin-bottom:.75rem;font-size:.95rem;color:#fbfaf8b8}.landing__footer-grid a{display:block;text-decoration:none;color:#fbfaf8b3;margin-bottom:.5rem;transition:color .2s ease}.landing__footer-grid a:hover,.landing__footer-grid a:focus{color:#fbfaf8}.landing__footer p{color:#94a3b8bf;text-align:center;font-size:.85rem}@media (max-width: 960px){.landing__bar{grid-template-columns:1fr;row-gap:1rem;justify-items:center;text-align:center}.landing__brand,.landing__actions{justify-self:center}.landing__nav{width:100%;justify-content:center;flex-wrap:wrap;margin-top:.75rem}.landing__hero-highlight{padding:1.5rem 1.9rem;gap:1.1rem}.landing__hero-highlight-icon{width:2.6rem;height:2.6rem}.landing__hero-highlight-text strong{font-size:1.2rem}}@media (max-width: 640px){.landing__hero{padding-top:3rem}.landing__brand{width:100%}.landing__actions{width:100%;justify-content:flex-start}.landing__hero-content p{font-size:1rem}.landing__cta-primary,.landing__cta-secondary{width:100%}.landing__section{padding-bottom:3rem}.landing__hero-highlight{padding:1.2rem 1.35rem;gap:.85rem}.landing__hero-highlight-icon{width:2.2rem;height:2.2rem}.landing__hero-highlight-text strong{font-size:1.05rem}.landing__hero-highlight-text p{font-size:.92rem}}.checkout{min-height:100vh;background:radial-gradient(circle at top left,rgba(115,171,132,.18),transparent 40%),radial-gradient(circle at bottom right,rgba(111,157,246,.18),transparent 45%),#0b0d12;color:#fbfaf8;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;flex-direction:column}.checkout__header{padding:1.5rem clamp(1.5rem,4vw,3rem);display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(251,250,248,.08);background:#0b0d12d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.checkout__logo{font-size:1.5rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9bd89f;text-decoration:none}.checkout__header-actions{display:flex;align-items:center;gap:1rem}.checkout__back-link{color:#fbfaf8;text-decoration:none;font-weight:600;border:1px solid rgba(251,250,248,.18);border-radius:999px;padding:.55rem 1.1rem;display:inline-flex;align-items:center;gap:.4rem;transition:background .2s ease,border-color .2s ease}.checkout__back-link:hover,.checkout__back-link:focus-visible{background:#fbfaf81f;border-color:#fbfaf84d}.checkout__language{display:inline-flex;border-radius:999px;background:#161c28e6;border:1px solid rgba(115,171,132,.25);padding:.2rem;gap:.2rem}.checkout__language-button{border:none;background:transparent;color:#dce3da;font-weight:600;font-size:.85rem;padding:.4rem .8rem;border-radius:999px;cursor:pointer;transition:background .2s ease,color .2s ease}.checkout__language-button--active{background:linear-gradient(135deg,#9bd89fe6,#92c9f6d9);color:#0b0d12;box-shadow:0 12px 30px #0d683e59}.checkout__language-button:focus-visible{outline:2px solid rgba(155,216,159,.65);outline-offset:2px}.checkout__main{flex:1;width:min(1180px,100%);margin:0 auto;padding:clamp(1.5rem,4vw,3rem);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,3.5rem)}.checkout__summary,.checkout__form-card{background:#10141ee0;border:1px solid rgba(251,250,248,.08);border-radius:1.5rem;padding:clamp(1.75rem,4vw,2.5rem);box-shadow:0 24px 60px #06080e8c}.checkout__summary-header{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.checkout__badge{align-self:flex-start;background:#9bd89f2e;color:#9bd89f;font-weight:600;font-size:.85rem;padding:.25rem .75rem;border-radius:999px}.checkout__summary-label{text-transform:uppercase;letter-spacing:.12em;font-size:.85rem;font-weight:600;color:#fbfaf88c}.checkout__summary-header h1{font-size:clamp(2rem,4vw,2.5rem);margin:0}.checkout__summary-subtitle{margin:0;color:#fbfaf8b3;font-size:.95rem}.checkout__summary-tagline{margin:0;color:#fbfaf8d9;font-size:1.05rem;line-height:1.5}.checkout__billing{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1.8rem}.checkout__billing h2{margin:0;font-size:1.05rem}.checkout__billing-toggle{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:#161c28e6;border-radius:999px;border:1px solid rgba(115,171,132,.28);padding:.3rem;overflow:hidden}.checkout__billing-option{border:none;background:transparent;color:#fbfaf8bf;padding:.6rem 1rem;border-radius:999px;display:flex;flex-direction:column;gap:.15rem;align-items:flex-start;text-align:left;cursor:pointer;font-weight:600;transition:color .2s ease}.checkout__billing-option small{font-size:.78rem;font-weight:500;opacity:.7}.checkout__billing-option span{font-size:.9rem;color:#fbfaf8f5}.checkout__billing-option--active span,.checkout__billing-option--active{color:#0b0d12}.checkout__billing-pill{position:absolute;inset:.2rem;border-radius:999px;background:linear-gradient(135deg,#9bd89f,#88b1ff);transform:translate(0);transition:transform .25s ease}.checkout__billing-toggle[data-cycle=annual] .checkout__billing-pill{transform:translate(100%)}.checkout__billing-save{font-size:.85rem;font-weight:600;color:#9bd89f}.checkout__price{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.8rem}.checkout__price strong{font-size:clamp(1.8rem,4vw,2.4rem)}.checkout__price span{color:#fbfaf8b3;font-size:.95rem}.checkout__features{margin-bottom:2rem}.checkout__features h2{margin:0 0 .8rem;font-size:1.05rem}.checkout__features ul{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.checkout__features li{display:flex;flex-direction:column;gap:.2rem;background:#161c28b3;border:1px solid rgba(115,171,132,.18);border-radius:1rem;padding:.75rem 1rem}.checkout__features li span{font-weight:600}.checkout__features li small{color:#fbfaf8b3;font-size:.8rem}.checkout__payment{margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem}.checkout__payment-header h2{margin:0;font-size:1.05rem}.checkout__payment-header p{margin:0;color:#fbfaf8b3;font-size:.9rem}.checkout__payment-methods{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.checkout__payment-methods li{list-style:none}.checkout__payment-option{position:relative;display:flex;flex-direction:column;gap:.35rem;background:#161c28bf;border:1px solid rgba(136,193,246,.25);border-radius:1rem;padding:.9rem 1.1rem;box-shadow:0 16px 40px #080b1259;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.checkout__payment-option input{position:absolute;inset:0;opacity:0;pointer-events:none}.checkout__payment-option:hover{border-color:#9bd89f73;box-shadow:0 18px 44px #080b1273}.checkout__payment-option:focus-within{outline:2px solid rgba(155,216,159,.65);outline-offset:3px}.checkout__payment-option-label{font-weight:600;font-size:.95rem;color:#fbfaf8}.checkout__payment-option p{margin:0;color:#fbfaf8b8;font-size:.85rem;line-height:1.5}.checkout__payment-option--active{background:linear-gradient(135deg,#9bd89f42,#88c1f638);border-color:#9bd89f99;box-shadow:0 20px 48px #0a0e168c}.checkout__payment-selection{margin:0;color:#fbfaf8bf;font-size:.9rem;display:inline-flex;align-items:center;gap:.4rem}.checkout__payment-selection strong{color:#9bd89f;font-weight:700}.checkout__support{border-top:1px solid rgba(251,250,248,.08);padding-top:1.5rem;display:flex;flex-direction:column;gap:.8rem}.checkout__support-actions{display:flex;flex-wrap:wrap;gap:.75rem}.checkout__form-card{display:flex;flex-direction:column;gap:1.5rem}.checkout__form-header h2{margin:0}.checkout__form-header p{margin:0;color:#fbfaf8b3}.checkout__form{display:grid;gap:1rem}.checkout__form label{display:flex;flex-direction:column;gap:.45rem;font-weight:600}.checkout__form input,.checkout__form textarea{background:#161c28d9;border:1px solid rgba(251,250,248,.12);border-radius:.9rem;padding:.75rem 1rem;color:#fbfaf8;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.checkout__form input:focus-visible,.checkout__form textarea:focus-visible{outline:none;border-color:#9bd89fa6;box-shadow:0 0 0 2px #9bd89f40}.checkout__form-notes textarea{min-height:160px;resize:vertical}.checkout__primary-button,.checkout__outline-button,.checkout__ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:999px;font-weight:600;padding:.75rem 1.4rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.checkout__primary-button{background:linear-gradient(135deg,#9bd89f,#88b1ff);color:#0b0d12;border:none;box-shadow:0 18px 40px #0d683e59;cursor:pointer}.checkout__primary-button:hover,.checkout__primary-button:focus-visible{transform:translateY(-2px);box-shadow:0 22px 48px #0d683e66}.checkout__outline-button{border:1px solid rgba(155,216,159,.4);color:#9bd89f;background:transparent}.checkout__outline-button:hover,.checkout__outline-button:focus-visible{background:#9bd89f1f;border-color:#9bd89f99}.checkout__ghost-button{border:1px solid rgba(251,250,248,.18);color:#fbfaf8;background:transparent}.checkout__ghost-button:hover,.checkout__ghost-button:focus-visible{background:#fbfaf81a;border-color:#fbfaf840}.checkout__legal{margin:0;color:#fbfaf8a6;font-size:.9rem}.checkout__success{margin:0;background:#9bd89f1f;border:1px solid rgba(155,216,159,.4);color:#9bd89f;border-radius:1rem;padding:.75rem 1rem;font-weight:600}.checkout__contact-only{display:flex;flex-direction:column;gap:1rem}.checkout__contact-only h3{margin:0}.checkout__contact-only p{margin:0;color:#fbfaf8bf}.checkout__main--empty{display:flex;align-items:center;justify-content:center}.checkout__empty{max-width:520px;text-align:center;background:#10141ee0;padding:2.5rem;border-radius:1.5rem;border:1px solid rgba(251,250,248,.1);box-shadow:0 24px 60px #06080e8c;display:grid;gap:1.25rem}.checkout__empty h1{margin:0;font-size:1.8rem}.checkout__empty p{margin:0;color:#fbfaf8bf}.checkout__empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}@media (max-width: 960px){.checkout__main{grid-template-columns:minmax(0,1fr)}}@media (max-width: 640px){.checkout__header{flex-direction:column;align-items:flex-start}.checkout__header-actions{width:100%;justify-content:space-between}.checkout__support-actions,.checkout__empty-actions{justify-content:flex-start}}.projects-card{display:grid;gap:clamp(1.25rem,2.5vw,1.85rem);padding:clamp(1.5rem,2vw,1.75rem);border-radius:calc(var(--border-radius) + 4px);border:1px solid var(--color-border);background:linear-gradient(180deg,#12141ae6,#0b0d12f2);box-shadow:var(--shadow-soft);transition:transform var(--transition),box-shadow var(--transition)}.projects-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-strong)}.projects-card__header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.projects-card__eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:var(--color-accent)}.projects-card__title{margin:0;font-size:1.35rem;font-weight:600}.projects-card__date{font-size:.85rem;color:var(--color-text-muted);white-space:nowrap}.projects-card__description{margin:0;font-size:.95rem;line-height:1.5}.projects-card__description.is-muted{color:#fbfaf899}.projects-card__meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:clamp(.75rem,2vw,1.25rem);margin:0}.projects-card__meta dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.projects-card__meta dd{margin:.35rem 0 0;font-size:1.05rem;font-weight:600}.projects-card__actions{display:flex;flex-wrap:wrap;gap:clamp(.5rem,2vw,.9rem);justify-content:flex-start}.projects-card__workflow{display:grid;gap:clamp(1rem,2.5vw,1.6rem);padding:clamp(1.1rem,2vw,1.5rem);border-radius:var(--border-radius);border:1px solid rgba(251,250,248,.22);background:linear-gradient(180deg,#12141ab8,#12141a80)}.projects-card__workflow-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:clamp(.75rem,2vw,1.2rem)}.projects-card__workflow-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin:0 0 .25rem;display:block}.projects-card__workflow-actions{display:flex;flex-wrap:wrap;gap:clamp(.5rem,2vw,.85rem)}.projects-card__autosave{display:flex;justify-content:space-between;align-items:center;gap:clamp(.75rem,2vw,1.35rem);padding-top:clamp(.75rem,2vw,1.1rem);border-top:1px solid rgba(251,250,248,.2)}.projects-card__autosave-helper{margin:0;color:var(--color-text-muted);font-size:.85rem;line-height:1.5}.projects-card__history{border-top:1px solid rgba(251,250,248,.2);padding-top:clamp(.75rem,2vw,1rem);display:grid;gap:.6rem}.projects-card__history-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.projects-card__history-list li{display:grid;gap:.2rem}.projects-card__history-type{font-size:.9rem;font-weight:600}.projects-card__history-time{font-size:.78rem;color:var(--color-text-muted)}.projects-card__history-note{font-size:.9rem;color:#e2e8f0e6}@media (max-width: 720px){.projects-card__actions{flex-direction:column;align-items:stretch}.projects-card__header{flex-direction:column;align-items:flex-start}.projects-card__workflow-actions,.projects-card__autosave{flex-direction:column;align-items:stretch}}.projects-modal__backdrop{position:fixed;inset:0;display:grid;place-items:center;background:#020817b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;z-index:50}.projects-modal__panel{border-radius:calc(var(--border-radius) + 6px);border:1px solid var(--color-border-strong);background:linear-gradient(180deg,#111827f0,#090c18f7);box-shadow:var(--shadow-strong);display:flex;flex-direction:column;max-height:min(90vh,760px);width:min(760px,96vw);overflow:hidden}.projects-modal__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:clamp(1.5rem,2.5vw,2rem);border-bottom:1px solid var(--color-border)}.projects-modal__eyebrow{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent)}.projects-modal__title{margin:.35rem 0 0;font-size:1.65rem;font-weight:600}.projects-form{display:flex;flex-direction:column;gap:clamp(1.35rem,2.8vw,2rem);padding:clamp(1.75rem,3vw,2.5rem);overflow-y:auto;scrollbar-width:none}.projects-form::-webkit-scrollbar{display:none}.projects-form__row{display:flex;flex-direction:column;gap:.6rem}.projects-form__section{display:grid;gap:clamp(1.1rem,2.4vw,1.75rem);padding:clamp(1.5rem,3vw,2rem);border-radius:calc(var(--border-radius) + 4px);border:1px solid rgba(251,250,248,.25);background:linear-gradient(180deg,#12141ad1,#090d18eb)}.projects-form__section-header h4{margin:0 0 .35rem;font-size:1.1rem;font-weight:600}.projects-form__section-header p{margin:0;color:var(--color-text-muted);font-size:.95rem;line-height:1.5}.projects-form__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:clamp(.75rem,1.8vw,1.25rem)}.projects-form__metric-label{display:block;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:.2rem}.projects-form__metrics strong{font-size:1rem;font-weight:600}.projects-form__note{display:grid;gap:clamp(.75rem,2vw,1rem)}.projects-form__note textarea{width:100%;min-height:110px;resize:vertical;border-radius:var(--border-radius);border:1px solid var(--color-border);background:#12141aa6;color:var(--color-text-primary);padding:.85rem 1rem;font-size:.95rem;line-height:1.6}.projects-form__note textarea:focus{outline:none;border-color:#73ab8499;box-shadow:0 0 0 1px #73ab8459}.projects-form__note-helper{margin:0;font-size:.85rem;color:var(--color-text-muted)}.projects-form__workflow-actions{display:flex;flex-wrap:wrap;gap:.75rem}.projects-form__workflow-actions .projects-button{flex:1 1 180px}.projects-form__history{display:grid;gap:.75rem}.projects-form__history h5{margin:0;font-size:.95rem;font-weight:600}.projects-form__history-list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.projects-form__history-item{display:grid;gap:.35rem;padding:.65rem .75rem .65rem 1rem;border-radius:var(--border-radius);border:1px solid rgba(251,250,248,.18);background:#12141a8c;position:relative}.projects-form__history-item:before{content:"";position:absolute;inset:0;border-left:2px solid rgba(115,171,132,.6);border-radius:inherit;pointer-events:none}.projects-form__history-row{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.projects-form__history-type{font-size:.85rem;font-weight:600}.projects-form__history-time{font-size:.8rem;color:var(--color-text-muted)}.projects-form__history-note{margin:0;font-size:.9rem;color:var(--color-text-primary);line-height:1.5}.projects-form__history-empty{margin:0;font-size:.9rem;color:var(--color-text-muted)}.projects-form__row--split{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.projects-form__row--toggle{gap:.65rem}.projects-form__toggle{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;border-radius:calc(var(--border-radius) - 4px);border:1px solid var(--color-border);background:#12141a8c}.projects-form__toggle input{width:20px;height:20px;margin-top:.15rem}.projects-form__toggle span{font-size:.9rem;line-height:1.55;color:var(--color-text-muted)}.projects-modal__actions{display:flex;justify-content:flex-end;gap:clamp(.85rem,2vw,1.25rem);padding:clamp(1.75rem,3vw,2.5rem);border-top:1px solid var(--color-border)}.projects-dialog__panel{width:min(420px,92vw);padding:clamp(1.5rem,3vw,2.25rem);gap:clamp(1rem,2vw,1.5rem)}.projects-dialog__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.projects-dialog__title{margin:0;font-size:1.35rem;font-weight:600}.projects-dialog__description{margin:0;font-size:.95rem;line-height:1.6;color:var(--color-text-muted)}.projects-dialog__body{display:grid;gap:.75rem}.projects-dialog__label{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.projects-dialog__body textarea{width:100%;border-radius:var(--border-radius);border:1px solid var(--color-border);background:#12141abf;color:var(--color-text-primary);padding:.85rem 1rem;font-size:.95rem;resize:vertical;min-height:120px}.projects-dialog__body textarea:focus{outline:none;border-color:#99d19c99;box-shadow:0 0 0 3px #99d19c33;background:#0b0d12e6}.projects-dialog__helper{margin:0;font-size:.85rem;color:var(--color-text-muted);line-height:1.5}.projects-dialog__actions{display:flex;justify-content:flex-end;gap:.75rem}.projects-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding-inline:1.5rem;padding-block:.65rem;border-radius:999px;font-size:.95rem;border:1px solid transparent;transition:transform var(--transition),box-shadow var(--transition),background var(--transition),border-color var(--transition)}.projects-button--primary{background:linear-gradient(135deg,#73ab84bf,#99d19ce6);box-shadow:0 12px 35px #73ab8466}.projects-button--ghost{background:#00482cc7;border-color:var(--color-border);box-shadow:none}.projects-button--ghost:hover{background:#12141aeb;border-color:#fbfaf824}.projects-button--danger{background:linear-gradient(135deg,#99d19c40,#73ab8499);border-color:#73ab8480;box-shadow:0 12px 30px #73ab8447}.projects-button--danger:hover{background:linear-gradient(135deg,#99d19c4d,#73ab84b8);border-color:#73ab8499}.projects-button--success{background:linear-gradient(135deg,#22c55e40,#22c55eb3);border-color:#22c55e8c;box-shadow:0 12px 28px #22c55e47}.projects-button--success:hover{background:linear-gradient(135deg,#16a34a4d,#16a34acc);border-color:#16a34aa6}.projects-page{min-height:100vh;padding-block:clamp(2.5rem,6vw,4rem) clamp(3.5rem,7vw,5.5rem);background:radial-gradient(circle at top left,rgba(153,209,156,.14),transparent 55%),radial-gradient(circle at bottom right,rgba(115,171,132,.12),transparent 50%),#050a16}.projects-container{display:flex;flex-direction:column;gap:clamp(1.8rem,5vw,2.75rem)}.projects-panel{border-radius:calc(var(--border-radius) + 6px);border:1px solid rgba(153,209,156,.18);background:linear-gradient(160deg,#0a0f18d1,#060a14f2);box-shadow:0 22px 48px #050c1e6b}.projects-toolbar{display:flex;align-items:center;justify-content:space-between;gap:clamp(1rem,3vw,1.75rem);padding:clamp(1rem,2.4vw,1.75rem) clamp(1.2rem,3vw,2rem)}.projects-toolbar__title{margin:0;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;letter-spacing:.02em}.projects-toolbar__actions{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(.6rem,2vw,1rem)}.projects-summary{padding:clamp(1.5rem,3.5vw,2.5rem)}.projects-summary__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:clamp(1.25rem,3vw,2rem)}.projects-summary__card{border-radius:calc(var(--border-radius) + 4px);padding:clamp(1.35rem,2vw,1.9rem);border:1px solid rgba(153,209,156,.22);background:linear-gradient(145deg,#0f172adb,#070c18eb);box-shadow:inset 0 1px #ffffff0d,0 16px 38px #050c1e59}.projects-summary__label{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:#c7d2e0b8;margin-bottom:.35rem}.projects-summary__value{font-size:1.8rem;font-weight:700;margin:0}.projects-content{display:flex;flex-direction:column;gap:clamp(2rem,4vw,3rem);padding:clamp(1.5rem,3.5vw,2.4rem)}.projects-filters{display:flex;flex-wrap:wrap;gap:clamp(1rem,2vw,1.5rem);padding:clamp(1.1rem,2.4vw,1.8rem);border-radius:calc(var(--border-radius) + 4px);border:1px solid rgba(153,209,156,.22);background:linear-gradient(150deg,#0b111cdb,#080d16f2);box-shadow:inset 0 1px #ffffff0a,0 18px 40px #050c1e52}.projects-filters__field{display:flex;flex-direction:column;gap:.55rem;min-width:clamp(220px,24vw,280px)}.projects-filters__field label{font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:#c7d2e0a6}.projects-filters__field input,.projects-filters__field select{appearance:none;border-radius:calc(var(--border-radius) + 2px);border:1px solid rgba(153,209,156,.22);background:#0a0f18d1;color:#fbfaf8eb;font-size:.95rem;padding:.65rem .85rem;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}.projects-filters__field input::placeholder{color:#c7d2e08c}.projects-filters__field input:focus,.projects-filters__field select:focus{outline:none;border-color:#99d19c8c;background:#0c111ceb;box-shadow:0 0 0 3px #99d19c33}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(1.5rem,3vw,2.35rem)}.projects-empty{border-radius:calc(var(--border-radius) + 4px);padding:clamp(2.4rem,4.5vw,3.4rem);border:1px dashed rgba(153,209,156,.28);background:linear-gradient(180deg,#0c121ec7,#060c18f2);text-align:center;display:grid;gap:clamp(1rem,2.5vw,1.5rem);justify-items:center}.projects-empty h2{margin:0;font-size:clamp(1.5rem,3vw,2rem)}.projects-empty p{margin:0;max-width:460px;color:#c7d2e0b8;line-height:1.6}.projects-sync{align-self:flex-end;padding:.4rem 1rem;border-radius:999px;font-size:.85rem;font-weight:600;border:1px solid rgba(153,209,156,.28);background:#0b111cd9;color:#c7d2e0ad;transition:background var(--transition),color var(--transition),border-color var(--transition),box-shadow var(--transition)}.projects-sync--syncing{border-color:#99d19c73;color:#99d19ce0;background:#0a1218e6;box-shadow:0 12px 26px #0c1a1859}.projects-sync--saved{border-color:#99d19c94;color:#bae6c9f2;background:#0e1a14eb;box-shadow:0 16px 32px #73ab844d}@media (max-width: 720px){.projects-toolbar{flex-direction:column;align-items:stretch;text-align:center}.projects-toolbar__actions{justify-content:center}}:root{--builder-rail-width: 72px}.builder-side-panel{position:absolute;display:flex;align-items:stretch;gap:0;z-index:4;transition:width .32s ease,min-width .32s ease}.builder-side-panel--left{width:var(--builder-rail-width);min-width:var(--builder-rail-width)}.builder-side-panel--left.is-expanded{width:clamp(288px,23vw,340px);min-width:clamp(288px,23vw,340px)}.builder-side-panel--right{justify-content:flex-end;width:var(--builder-rail-width);min-width:var(--builder-rail-width)}.builder-side-panel__rail{width:var(--builder-rail-width);min-width:var(--builder-rail-width);display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.1rem .85rem;border:1px solid rgba(251,250,248,.16);background:linear-gradient(195deg,#101828f5,#080d18f0);box-shadow:0 22px 48px #040a188c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:border .25s ease,border-radius .25s ease,box-shadow .25s ease}.builder-side-panel--left .builder-side-panel__rail{border-radius:22px}.builder-side-panel--left.is-expanded .builder-side-panel__rail{border-radius:22px 0 0 22px;border-right:none}.builder-side-panel--left.is-expanded .builder-side-panel__body--left{border-left:none}.builder-side-panel--left.is-collapsed .builder-side-panel__rail{border-right:1px solid rgba(251,250,248,.16)}.builder-side-panel--right .builder-side-panel__rail{border-radius:22px}.builder-side-panel--right.is-expanded .builder-side-panel__rail{border-radius:0 22px 22px 0;border-left:none}.builder-side-panel--right.is-expanded .builder-side-panel__body--right{border-right:none}.builder-side-panel--right.is-collapsed .builder-side-panel__rail{border-left:1px solid rgba(251,250,248,.16)}.builder-side-panel__body{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.builder-side-panel__body--left{padding:clamp(1.1rem,2.4vw,1.9rem) clamp(1rem,2.2vw,1.65rem);background:linear-gradient(190deg,#121a26f5,#090f1cfa);border:1px solid rgba(251,250,248,.14);border-left:none;border-radius:0 22px 22px 0;box-shadow:0 24px 56px #04091694;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.builder-side-panel__body--left .builder-side-panel__scroll{padding-right:.45rem}.builder-side-panel__body--right{padding:0;border:1px solid rgba(251,250,248,.14);border-right:none;border-radius:22px 0 0 22px;box-shadow:0 28px 60px #050c1e80;background:linear-gradient(200deg,#0e1420f0,#080c18fa)}.builder-side-panel__trigger{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(153,209,156,.4);background:radial-gradient(circle at 28% 25%,#99d19c3d,#99d19c00 60%),linear-gradient(155deg,#101828f2,#0c1222eb);color:#fbfaf8;box-shadow:0 20px 40px #060c1c8c,inset 0 1px #fbfaf81f;cursor:pointer;transition:box-shadow .25s ease,transform .25s ease,background .25s ease,border-color .25s ease,color .25s ease}.builder-side-panel__trigger:hover,.builder-side-panel__trigger:focus-visible{background:radial-gradient(circle at 28% 25%,#99d19c61,#99d19c14 62%),linear-gradient(155deg,#121c30f2,#0e1626f2);border-color:#99d19ca6;color:#99d19c;box-shadow:0 26px 52px #070e2099,inset 0 1px #fbfaf829}.builder-side-panel__trigger:focus-visible{outline:2px solid rgba(153,209,156,.65);outline-offset:3px}.builder-side-panel__trigger:active{transform:scale(.96);box-shadow:0 16px 34px #070e2080}.builder-side-panel__trigger-icon{width:20px;height:20px;transition:transform .28s ease}.builder-side-panel--left.is-expanded .builder-side-panel__trigger-icon,.builder-side-panel--right.is-collapsed .builder-side-panel__trigger-icon{transform:rotate(180deg)}.builder-side-panel__rail-divider{width:26px;height:1px;border-radius:999px;background:#fbfaf824}.builder-side-panel__rail-actions{display:flex;flex-direction:column;gap:.55rem;width:100%}.builder-side-panel__rail-button{width:100%;aspect-ratio:1 / 1;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;border:1px solid rgba(251,250,248,.14);background:#0c1321b8;color:#fbfaf8bf;cursor:pointer;transition:all .25s ease;box-shadow:0 14px 28px #040a1873}.builder-side-panel__rail-button:hover,.builder-side-panel__rail-button:focus-visible{color:#99d19c;border-color:#99d19c99;box-shadow:0 18px 36px #050c1e80}.builder-side-panel__rail-button:focus-visible{outline:2px solid rgba(153,209,156,.65);outline-offset:3px}.builder-side-panel__rail-button svg{width:20px;height:20px}.builder-side-panel__label{margin-top:auto;writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.28em;font-size:.68rem;text-transform:uppercase;color:#fbfaf8a6;transition:opacity .25s ease,color .25s ease,transform .25s ease}.builder-side-panel.is-expanded .builder-side-panel__label{opacity:.4;color:#fbfaf861;transform:rotate(180deg) translateY(6px)}.builder-side-panel__scroll{flex:1;min-width:0}@media (max-width: 1400px){.builder-side-panel--left.is-expanded{width:clamp(264px,26vw,320px);min-width:clamp(264px,26vw,320px)}}@keyframes builder-header-fade{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes builder-header-slide{0%{opacity:.85;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes builder-header-shrink{0%{transform:scale(1.04)}to{transform:scale(1)}}.right-panel{position:relative;display:flex;flex-direction:column;width:100%;height:100%;color:#fbfaf8;background:linear-gradient(210deg,#0c1321eb,#090e1cfa);border:1px solid rgba(251,250,248,.12);border-right:none;border-radius:22px 0 0 22px;box-shadow:0 28px 60px #050c1e80,inset 0 1px #fbfaf80f;padding:clamp(1rem,2.4vw,1.7rem);box-sizing:border-box;overflow:hidden}.resize-handle{position:absolute;top:0;left:0;width:12px;height:100%;cursor:ew-resize;background:linear-gradient(180deg,#73ab8414,#73ab8438);border-right:1px solid rgba(115,171,132,.32);border-top-left-radius:22px;border-bottom-left-radius:22px;transition:background .2s ease;z-index:2;touch-action:none}.resize-handle:hover{background:#99d19c52}.right-panel-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;background:#0c13218c;border-radius:14px;padding:.3rem;border:1px solid rgba(251,250,248,.18);margin-bottom:1.1rem;box-shadow:0 16px 30px #04091766}.right-panel-tab{padding:.65rem .75rem;font-size:.85rem;font-weight:600;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:10px;transition:all .25s ease;letter-spacing:.02em;color:#fbfaf89e;display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.right-panel-tab:hover{color:#fbfaf8;border-color:#73ab844d}.right-panel-tab.active{background:linear-gradient(135deg,#73ab846b,#99d19cb3);color:#fbfaf8;box-shadow:0 20px 40px #99d19c59;border-color:#73ab848c}.right-panel-tab-icon{width:1rem;height:1rem;transition:transform .25s ease,filter .25s ease}.right-panel-tab-label{position:relative;z-index:1}.right-panel-tab.editor{position:relative;color:#c9d6ffc7;background:radial-gradient(140% 140% at 50% -20%,#5d74ff40,#121f4700 60%) #12182ccc;border-color:#6383ff42;box-shadow:inset 0 1px #ffffff0f,0 18px 32px #192d6647;overflow:hidden}.right-panel-tab.editor .right-panel-tab-icon{position:relative;z-index:1}.right-panel-tab.editor:after{content:"";position:absolute;inset:1px;border-radius:8px;background:linear-gradient(135deg,#788fff38,#3857db2e);opacity:0;transition:opacity .25s ease;pointer-events:none}.right-panel-tab.editor:hover{color:#e9eeffeb;border-color:#86a2ff73}.right-panel-tab.editor:hover .right-panel-tab-icon{transform:rotate(-8deg) scale(1.05);filter:drop-shadow(0 4px 10px rgba(120,143,255,.35))}.right-panel-tab.editor:hover:after{opacity:.6}.right-panel-tab.editor.active{color:#f1f4ff;border-color:#96b2ffbf;background:linear-gradient(135deg,#768bff8c,#4d69ffd1);box-shadow:0 26px 48px #3f5ad261,inset 0 1px #ffffff2e}.right-panel-tab.editor.active:after{opacity:.75;background:linear-gradient(135deg,#acbaff99,#5874ff80)}.right-panel-tab.editor.active .right-panel-tab-icon{transform:rotate(-12deg) scale(1.08);filter:drop-shadow(0 8px 18px rgba(104,132,255,.45))}.right-panel-content{flex:1;overflow-y:auto;padding:clamp(1rem,2.2vw,1.55rem) clamp(.85rem,1.8vw,1.35rem) clamp(1.2rem,2.4vw,1.7rem);background:linear-gradient(210deg,#0c1321b3,#090e1cd1);border-radius:18px;border:1px solid rgba(251,250,248,.14);box-shadow:0 30px 60px #050c1e73,inset 0 1px #fbfaf80f;display:flex;flex-direction:column;gap:1.25rem;scrollbar-gutter:stable both-edges}.right-panel-empty{text-align:center;color:#99d19c;margin-top:3rem}.right-panel-empty-tip{margin-top:.5rem;color:#888;font-size:.9rem}.right-panel-unsupported{color:#999;font-size:.9rem}.right-panel-sections{display:flex;flex-direction:column;gap:1.25rem}.right-panel-style-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;border-radius:16px;background:linear-gradient(140deg,#0c1321d1,#080d18f0);border:1px solid rgba(153,209,156,.22);box-shadow:0 18px 42px #050c1e6b}.right-panel-style-text{display:flex;flex-direction:column;gap:.25rem;min-width:0}.right-panel-style-title{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:#99d19c}.right-panel-style-meta{font-size:.82rem;color:#fbfaf8bd;letter-spacing:.01em}.right-panel-style-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.right-panel-style-button{display:inline-flex;align-items:center;gap:.45rem;padding:.48rem .95rem;border-radius:12px;font-size:.8rem;font-weight:600;letter-spacing:.02em;color:#fbfaf8;background:#0c1321d1;border:1px solid rgba(153,209,156,.28);cursor:pointer;transition:all .25s ease;box-shadow:0 16px 32px #050c1e61}.right-panel-style-button:hover{color:#99d19c;border-color:#99d19c8c}.right-panel-style-button.primary{background:linear-gradient(135deg,#73ab84eb,#99d19cfa);color:#0b0d12;border-color:#99d19cad;box-shadow:0 20px 46px #99d19c5c}.right-panel-style-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.right-panel-style-button svg{width:16px;height:16px}.help-wrapper{display:flex;flex-direction:column;gap:1.2rem}.help-intro{font-size:.85rem;line-height:1.6;color:#fbfaf8a3}.help-grid{display:flex;flex-direction:column;gap:1.1rem}.help-group{display:flex;flex-direction:column;gap:.6rem;padding:1rem 1.1rem;background:linear-gradient(150deg,#12141ab8,#0c101ae6);border-radius:14px;border:1px solid rgba(115,171,132,.22);box-shadow:0 20px 48px #050c1e73}.help-group-title{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#99d19c}.help-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.help-item{display:flex;gap:.65rem;align-items:center;font-size:.9rem;color:#a7b0be}.shortcut-key{font-size:.75rem;font-weight:700;text-transform:uppercase;padding:.3rem .5rem;border-radius:8px;background:#12141ad9;border:1px solid rgba(251,250,248,.35);letter-spacing:.06em;color:#fbfaf8;min-width:fit-content}.config-panel{display:flex;flex-direction:column;gap:1.1rem}.config-card{display:flex;flex-direction:column;gap:.85rem;padding:1rem 1.1rem;background:linear-gradient(180deg,#0b101ad1,#080c16f0);border-radius:16px;border:1px solid rgba(153,209,156,.18);box-shadow:0 22px 52px #050c1e73}.config-card.tight{gap:.65rem;padding:.85rem 1rem}.config-card.headerless{padding-top:.9rem}.config-title{margin:0;font-size:1rem;font-weight:600;color:#fbfaf8}.config-subtitle{margin:.25rem 0 0;font-size:.82rem;color:#99d19cc7}.config-section-title{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#99d19c}.config-label{display:block;font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#99d19c;margin-bottom:.35rem}.config-label[data-help]{position:relative;padding-right:32px;cursor:help;transition:color .2s ease}.config-help-trigger{position:absolute;top:50%;right:0;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;border:1px solid rgba(153,209,156,.4);background:#0c1321eb;color:#99d19ccc;font-size:.75rem;font-weight:700;cursor:help;box-shadow:0 6px 12px #050c1e40;transition:all .2s ease}.config-help-trigger svg{width:14px;height:14px;pointer-events:none}.config-help-trigger:hover,.config-help-trigger:focus-visible,.config-label[data-help]:hover .config-help-trigger{border-color:#99d19cbf;background:#99d19c33;color:#99d19c;outline:none}.config-help-trigger:focus-visible{box-shadow:0 0 0 3px #99d19c4d}.config-help-toast{position:absolute;right:0;bottom:calc(100% + 10px);padding:.55rem .7rem .65rem;min-width:180px;max-width:260px;background:#090e1cf0;border:1px solid rgba(153,209,156,.45);border-radius:12px;color:#fbfaf8;font-size:.68rem;letter-spacing:.05em;line-height:1.4;opacity:0;pointer-events:none;transform:translateY(-6px) scale(.96);transition:opacity .2s ease,transform .2s ease;box-shadow:0 18px 36px #050c1e80;z-index:20;white-space:normal;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),55% calc(100% - 12px),50% 100%,45% calc(100% - 12px),0 calc(100% - 12px))}.config-help-trigger:hover~.config-help-toast,.config-help-trigger:focus-visible~.config-help-toast,.config-label[data-help]:hover .config-help-toast{opacity:1;transform:translateY(-10px) scale(1)}.config-description{font-size:.75rem;color:#c7d2e0c7;line-height:1.45}.config-input,.config-select,.config-textarea,.config-color,.config-number,.config-text,.config-range,.config-segment{width:100%;font-size:.85rem;line-height:1.2;color:#fbfaf8;background:#0b0f17eb;border:1px solid rgba(153,209,156,.24);border-radius:12px;padding:.6rem .85rem;box-shadow:inset 0 1px #ffffff0d;transition:border-color .2s ease,box-shadow .2s ease}.config-input:focus,.config-select:focus,.config-textarea:focus,.config-number:focus,.config-text:focus{outline:none;border-color:#99d19c99;box-shadow:0 0 0 2px #99d19c38}.config-textarea{resize:vertical;min-height:92px}.config-color{padding:0;height:44px;border-radius:12px;cursor:pointer}.config-range{padding:0;height:4px;border-radius:999px;background:#151c29e6;accent-color:#99d19c}.config-checkbox-row{display:flex;align-items:center;gap:.6rem;padding:.65rem .75rem;border-radius:12px;border:1px solid rgba(153,209,156,.18);background:#090d16d1;transition:border-color .2s ease,background .2s ease}.config-checkbox-row:hover{border-color:#99d19c52;background:#0c121ce6}.config-checkbox{width:18px;height:18px;accent-color:#99d19c;cursor:pointer}.config-checkbox-label{font-size:.82rem;color:#fbfaf8d9}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.85rem}.config-grid.tight{gap:.65rem}.config-row{display:flex;gap:.75rem;flex-wrap:wrap}.config-segmented{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.45rem;padding:.5rem;border-radius:12px;background:#090e1acc;border:1px solid rgba(153,209,156,.2)}.config-segmented button{background:transparent;border:1px solid rgba(153,209,156,.18);color:#fbfaf8bf;border-radius:10px;padding:.45rem .6rem;font-size:.8rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.config-segmented button.active,.config-segmented button:hover{border-color:#99d19c7a;background:#99d19c33;color:#fbfaf8}.config-accordion{display:flex;flex-direction:column;gap:.65rem}.config-accordion-section{border:1px solid rgba(153,209,156,.18);border-radius:14px;background:#0a0f18d9;box-shadow:0 16px 38px #050c1e66;overflow:hidden}.config-accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.85rem 1rem;background:#0c121cd1;border:none;color:#fbfaf8;font-size:.85rem;font-weight:600;text-align:left;cursor:pointer;letter-spacing:.02em}.config-accordion-icon{font-size:1rem;color:#99d19cb3;transition:transform .2s ease}.config-accordion-header.open .config-accordion-icon{transform:rotate(180deg);color:#99d19c}.config-accordion-content{padding:.9rem 1rem 1.05rem;display:flex;flex-direction:column;gap:.8rem}.config-tag-list{display:flex;flex-wrap:wrap;gap:.45rem}.config-tag{padding:.3rem .55rem;border-radius:999px;background:#090d16c7;border:1px solid rgba(153,209,156,.25);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#fbfaf8b8}.config-helper{font-size:.7rem;color:#94a3b8bf}.config-gradient-card,.config-shadow-card{display:flex;flex-direction:column;gap:.75rem;padding:.85rem 1rem;border-radius:16px;border:1px solid rgba(148,163,184,.22);background:linear-gradient(135deg,#0c121cc7,#0f172ad1);box-shadow:inset 0 1px #ffffff0a}.config-shadow-card .config-grid.tight{gap:.65rem}.config-shadow-card .config-checkbox-row{margin-top:.4rem}.config-dual{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.config-sticky-note{border-radius:14px;border:1px dashed rgba(153,209,156,.35);background:#0d121ca6;padding:.85rem 1rem;font-size:.78rem;color:#99d19ce6;line-height:1.5}.config-divider{height:1px;width:100%;background:linear-gradient(90deg,#99d19c00,#99d19c52,#99d19c00);border:none}.config-button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.55rem .95rem;border-radius:12px;border:1px solid rgba(153,209,156,.32);background:linear-gradient(135deg,#73ab8494,#99d19cc7);color:#fbfaf8;font-weight:600;font-size:.85rem;letter-spacing:.02em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.config-button:hover{border-color:#99d19c85;box-shadow:0 18px 36px #99d19c52;transform:translateY(-1px)}.config-button.secondary{background:#090e1ac7;border-color:#99d19c3d;color:#fbfaf8d9}.config-button.secondary:hover{border-color:#99d19c66;box-shadow:0 16px 30px #090e1a73}.config-icon-button{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .7rem;border-radius:10px;border:1px solid rgba(153,209,156,.28);background:#090d16c7;color:#fbfaf8d1;font-size:.78rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.config-icon-button:hover{border-color:#99d19c7a;background:#0c121ce6;transform:translateY(-1px)}.config-icon-button.danger{border-color:#f8717173;color:#f87171db;background:#f871711f}.config-icon-button.danger:hover{border-color:#f8717199;background:#f871712e}.config-item-card{display:flex;flex-direction:column;gap:.75rem;border-radius:16px;border:1px solid rgba(153,209,156,.2);background:#080d18e6;padding:.95rem 1.05rem;box-shadow:0 20px 42px #050c1e73}.config-item-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.config-item-title{font-size:.82rem;font-weight:600;color:#fbfaf8}.config-item-actions{display:flex;gap:.45rem}.config-empty-state{padding:.85rem 1rem;border-radius:12px;border:1px dashed rgba(153,209,156,.28);background:#080d18b3;color:#94a3b8d1;font-size:.78rem}.left-menu{display:flex;flex-direction:column;gap:1.65rem;color:#fbfaf8}.left-menu-section{display:flex;flex-direction:column}.left-menu-section.spaced{margin-top:2rem}.left-menu-section-title{font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.65rem;color:#fbfaf8a6}.left-menu-list,.left-menu-categories,.left-menu-layout{display:flex;flex-direction:column;gap:.55rem}.left-menu-page-button{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;background:linear-gradient(135deg,#12141ad9,#0c101af2);border:1px solid rgba(251,250,248,.22);color:#fbfaf899;border-radius:12px;text-align:left;padding:.65rem .85rem;cursor:default;transition:all .25s ease;box-shadow:0 16px 28px #040a1859}.left-menu-page-editing-fields{flex:1;display:flex;align-items:center;gap:.5rem}.left-menu-page-trigger{flex:1;display:flex;align-items:center;gap:.5rem;background:transparent;border:none;color:inherit;font:inherit;cursor:pointer;padding:0}.left-menu-page-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.left-menu-page-actions{display:flex;align-items:center;gap:.35rem;margin-left:auto}.left-menu-page-action{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:10px;border:1px solid rgba(148,163,184,.25);background:#0c1321d9;color:#fbfaf8bf;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.left-menu-page-action:hover:not(:disabled){background:#73ab843d;color:#fbfaf8;transform:translateY(-1px)}.left-menu-page-action:disabled{opacity:.35;cursor:not-allowed}.left-menu-page-button.editing .left-menu-page-actions{display:none}.left-menu-page-button:hover{transform:translateY(-2px)}.left-menu-page-button.active{background:linear-gradient(135deg,#73ab8473,#99d19c99);border-color:#73ab848c;color:#fbfaf8;box-shadow:0 20px 40px #99d19c59}.left-menu-page-button.editing{cursor:text}.left-menu-page-button.editing .left-menu-page-input{flex:1;background:#0c1321eb;border:1px solid rgba(153,209,156,.45);border-radius:10px;padding:.45rem .65rem;color:#fbfaf8;font-weight:600;font-size:.95rem;outline:none;box-shadow:inset 0 0 0 1px #0c132166}.left-menu-section-item.editing{align-items:center}.left-menu-section-editing-fields{flex:1;display:flex;align-items:center;gap:.55rem}.left-menu-section-input{flex:1;background:#0c1321eb;border:1px solid rgba(153,209,156,.45);border-radius:10px;padding:.4rem .6rem;color:#fbfaf8;font-weight:600;font-size:.9rem;outline:none;box-shadow:inset 0 0 0 1px #0c132166}.left-menu-section-input:focus{border-color:#73ab84bf;box-shadow:0 0 0 2px #73ab8440}.left-menu-page-button.editing .left-menu-page-input:focus{border-color:#73ab84bf;box-shadow:0 0 0 2px #73ab8440}.left-menu-add-button{margin-top:.7rem;display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#99d19c59,#73ab84a6);border:1px solid rgba(115,171,132,.45);color:#fbfaf8;font-weight:600;border-radius:999px;padding:.65rem .9rem;cursor:pointer;width:100%;box-shadow:0 18px 36px #99d19c66;transition:transform .2s ease}.left-menu-add-button:hover{transform:translateY(-2px)}.left-menu-layout{gap:.65rem}.left-menu-sections{display:flex;flex-direction:column;gap:.6rem}.left-menu-section-item{display:flex;align-items:center;justify-content:space-between;gap:.6rem;background:linear-gradient(135deg,#0c1321e6,#080d1af2);border:1px solid rgba(251,250,248,.22);border-radius:12px;padding:.55rem .65rem;box-shadow:0 14px 28px #040a1866}.left-menu-section-button{flex:1;display:flex;align-items:center;gap:.55rem;background:transparent;border:none;color:#fbfaf8b8;font-weight:600;cursor:pointer;text-align:left;padding:0}.left-menu-section-button:hover .left-menu-section-label{color:#fbfaf8}.left-menu-section-index{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.75rem;background:#99d19c29;color:#99d19ceb;font-size:.75rem;letter-spacing:.04em}.left-menu-section-label{flex:1;color:#fbfaf8b3;transition:color .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.left-menu-section-controls{display:flex;align-items:center;gap:.35rem}.left-menu-section-control{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:10px;border:1px solid rgba(148,163,184,.25);background:#0c1321d9;color:#fbfaf8bf;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.left-menu-section-control:disabled{opacity:.45;cursor:not-allowed}.left-menu-section-control:not(:disabled):hover{background:#99d19c40;color:#fbfaf8;transform:translateY(-1px)}.left-menu-layout-button{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#fbfaf8;font-weight:600;border:1px solid rgba(251,250,248,.2);border-radius:12px;padding:.65rem .9rem;cursor:pointer;width:100%;transition:transform .2s ease,box-shadow .2s ease;background:linear-gradient(140deg,#12141ae6,#0c101af2);box-shadow:0 16px 30px #04091766}.left-menu-layout-button.primary{background:linear-gradient(135deg,#73ab8466,#99d19cbf);border-color:#73ab848c;box-shadow:0 22px 45px #99d19c73}.left-menu-layout-button:hover{transform:translateY(-2px)}.left-menu-layout-button svg{flex-shrink:0}.left-menu-layout-button span{display:inline-flex;align-items:center;gap:.25rem}.left-menu-categories{gap:.55rem}.left-menu-category{background:linear-gradient(150deg,#0c1321e6,#080c18f2);border-radius:14px;border:1px solid rgba(251,250,248,.22);box-shadow:0 14px 36px #040a1866}.left-menu-category-header{display:flex;align-items:center;gap:.5rem;width:100%;padding:.7rem .9rem;background:none;border:none;color:#fbfaf899;font-weight:600;cursor:pointer;text-align:left;letter-spacing:.03em}.left-menu-category-items{display:flex;flex-direction:column;padding:.55rem .65rem .75rem;gap:.45rem}.left-menu-component-item{display:flex;align-items:center;gap:.45rem}.left-menu-component-button{flex:1;background:linear-gradient(135deg,#12141ac7,#0c1222e6);border:1px solid rgba(251,250,248,.22);color:#fbfaf8;border-radius:10px;padding:.55rem .85rem;cursor:pointer;text-align:left;transition:all .2s ease}.left-menu-component-button:hover{transform:translate(4px)}.left-menu-component-help{position:relative;display:inline-flex;align-items:center}.left-menu-help-trigger{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;border:1px solid rgba(153,209,156,.4);background:#0c1321e6;color:#99d19cd1;cursor:help;transition:all .2s ease;box-shadow:0 10px 20px #050c1e59}.left-menu-help-trigger svg{width:14px;height:14px;pointer-events:none}.left-menu-help-trigger:hover,.left-menu-help-trigger:focus-visible{border-color:#99d19cbf;background:#99d19c38;color:#99d19c;outline:none}.left-menu-help-trigger:focus-visible{box-shadow:0 0 0 3px #99d19c4d}.left-menu-help-toast{position:absolute;right:0;bottom:calc(100% + 10px);padding:.55rem .7rem .65rem;min-width:180px;max-width:240px;background:#090e1cf0;border:1px solid rgba(153,209,156,.45);border-radius:12px;color:#fbfaf8;font-size:.68rem;letter-spacing:.05em;line-height:1.35;opacity:0;pointer-events:none;transform:translateY(-6px) scale(.96);transition:opacity .2s ease,transform .2s ease;box-shadow:0 18px 32px #050c1e80;white-space:normal;z-index:15;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),60% calc(100% - 12px),54% 100%,48% calc(100% - 12px),0 calc(100% - 12px))}.left-menu-help-trigger:hover+.left-menu-help-toast,.left-menu-help-trigger:focus-visible+.left-menu-help-toast,.left-menu-component-help:hover .left-menu-help-toast,.left-menu-component-help:focus-within .left-menu-help-toast{opacity:1;transform:translateY(-10px) scale(1)}.left-menu-button-text{margin-left:.5rem}.left-menu-panel{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.left-menu-panel-title{font-size:.9rem;color:#fbfaf8a6;font-weight:600}.left-menu-panel-list{display:flex;flex-direction:column;gap:.5rem}.left-menu-panel-item{background:#12141a;border:1px solid #1a1f26;color:#fbfaf8;border-radius:6px;padding:8px 12px;cursor:pointer;text-align:left;font-size:.85rem;transition:background .2s ease}.left-menu-panel-item:hover{background:#99d19c1a}.left-menu-global-container{display:flex;flex-direction:column;gap:1rem}.left-menu-global-title{color:#fbfaf8;border-bottom:1px solid #1a1f26;padding-bottom:.5rem}.left-menu-global-group{display:flex;flex-direction:column;gap:.4rem}.left-menu-global-label{color:#fbfaf8b3;font-size:.9rem}.left-menu-global-input,.left-menu-global-select{background:#12141a;border:1px solid #1a1f26;color:#fbfaf8;border-radius:6px;padding:.4rem}.left-menu-global-color{width:100%;height:36px;border:1px solid #1a1f26;border-radius:6px;background:#12141a}.login{position:relative;min-height:100vh;padding:clamp(1.5rem,4vw,3rem);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 10% 10%,rgba(115,171,132,.18),transparent 55%),radial-gradient(circle at 90% 30%,rgba(115,171,132,.16),transparent 60%),radial-gradient(circle at 50% 120%,rgba(115,171,132,.22),transparent 70%),var(--color-bg-base);overflow:hidden}.login__background{position:absolute;inset:0;pointer-events:none}.login__orb{position:absolute;border-radius:50%;filter:blur(0px);opacity:.9;mix-blend-mode:screen}.login__orb--one{width:420px;height:420px;top:-120px;left:-80px;background:radial-gradient(circle,#73ab8459,#73ab8400 70%)}.login__orb--two{width:360px;height:360px;bottom:-120px;right:-80px;background:radial-gradient(circle,#73ab8459,#73ab8400 70%)}.login__grid{position:absolute;inset:10% 5% 5%;background:repeating-linear-gradient(90deg,rgba(251,250,248,.05) 0,rgba(251,250,248,.05) 1px,transparent 1px,transparent 80px),repeating-linear-gradient(0deg,rgba(251,250,248,.04) 0,rgba(251,250,248,.04) 1px,transparent 1px,transparent 80px);border-radius:40px;opacity:.5}.login__shell{position:relative;width:min(1120px,100%);display:flex;flex-direction:column;gap:clamp(2rem,4vw,3rem);padding:clamp(1.5rem,4vw,2.5rem);border-radius:24px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(251,250,248,.08);background:linear-gradient(145deg,#0b0d12f2,#12141ae0);box-shadow:0 40px 90px #05070c99;z-index:1}.login__header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.login__brand{display:inline-flex;align-items:center;gap:.65rem;font-size:1.15rem;font-weight:600;color:#fbfaf8}.login__brand-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#73ab844d,#73ab8414);border:1px solid rgba(115,171,132,.35)}.login__header-actions{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:var(--color-text-muted)}.login__ghost-link{color:#fbfaf8c7;font-weight:500;text-decoration:none;padding:.3rem .55rem;border-radius:999px;background:transparent;border:1px solid rgba(251,250,248,.1);transition:background var(--transition),color var(--transition),border var(--transition)}.login__ghost-link:hover,.login__ghost-link:focus-visible{background:#73ab842e;border-color:#73ab8473;color:#fbfaf8}.login__helper{font-weight:500;color:#fbfaf8ad}.login__content{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(2rem,4vw,3rem);align-items:stretch}.login__intro{display:flex;flex-direction:column;gap:1.5rem;max-width:420px}.login__badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;padding:.45rem .85rem;border-radius:999px;border:1px solid rgba(115,171,132,.4);background:#73ab842e;color:#fbfaf8c7}.login__intro h1{font-size:clamp(2.1rem,3.6vw,2.8rem);margin:0;line-height:1.15}.login__intro p{margin:0;color:#fbfaf8b8;font-size:1.05rem}.login__highlights{display:grid;gap:1.25rem;margin:0}.login__highlights div{display:grid;gap:.3rem}.login__highlights dt{font-weight:600;color:#fbfaf8;letter-spacing:.02em}.login__highlights dd{margin:0;color:#fbfaf88c;font-size:.95rem}.login__panel{background:linear-gradient(180deg,#12141af2,#0b0d12eb);border-radius:22px;border:1px solid rgba(251,250,248,.1);box-shadow:0 24px 65px #05070c73;padding:clamp(1.75rem,4vw,2.25rem);display:flex;flex-direction:column;gap:1.6rem}.login__panel-header h2{margin:0;font-size:1.6rem}.login__panel-header p{margin:.5rem 0 0;color:#fbfaf8ad;font-size:.95rem}.login__form{display:grid;gap:.9rem}.login__form label{font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;color:#fbfaf899}.login__form input[type=email],.login__form input[type=password]{border-radius:14px;border:1px solid rgba(251,250,248,.12);background:#12141ae6;padding:.75rem .85rem;font-size:1rem;transition:border var(--transition),box-shadow var(--transition),background var(--transition)}.login__form input[type=email]:focus,.login__form input[type=password]:focus{border-color:#73ab84bf;box-shadow:0 0 0 3px #73ab8440;background:#12141afa}.login__form-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.login__remember{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:#fbfaf899}.login__remember input{width:auto;accent-color:var(--color-primary)}.login__form button[type=submit],.login__panel button[type=submit]{width:100%;padding:.8rem 1.4rem;font-size:1rem;border-radius:16px;border:1px solid rgba(115,171,132,.45);background:linear-gradient(135deg,#73ab84,#99d19c);color:#0b0d12;box-shadow:0 18px 45px #73ab8459}.login__divider{display:flex;align-items:center;gap:.75rem;color:#fbfaf899;font-size:.85rem;text-transform:uppercase;letter-spacing:.15em}.login__divider span{flex:1;height:1px;background:#fbfaf81a}.login__providers{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.login__provider{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:.75rem 1rem;border-radius:14px;border:1px solid rgba(251,250,248,.12);background:#12141ac7;font-weight:600;font-size:.95rem;transition:transform var(--transition),border var(--transition),background var(--transition)}.login__provider:hover,.login__provider:focus-visible{transform:translateY(-1px);border-color:#73ab8466;background:#73ab8438}.login__provider-icon{font-size:1.15rem}.login__terms{margin:0;font-size:.85rem;color:#fbfaf899}.login__terms .login__ghost-link{border:none;padding:0;background:none;font-weight:600}.login__terms .login__ghost-link:hover,.login__terms .login__ghost-link:focus-visible{text-decoration:underline;background:none}.login__footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-top:1rem;border-top:1px solid rgba(251,250,248,.08);font-size:.85rem;color:#fbfaf899}.login__footer nav{display:flex;gap:1rem;flex-wrap:wrap}.login__footer a{color:#fbfaf8bf;transition:color var(--transition)}.login__footer a:hover,.login__footer a:focus-visible{color:#fbfaf8}@media (max-width: 960px){.login__header{flex-direction:column;align-items:flex-start}.login__header-actions{width:100%;justify-content:space-between}.login__intro{max-width:unset}}@media (max-width: 720px){.login{padding:clamp(1rem,6vw,1.5rem)}.login__shell{padding:clamp(1rem,5vw,1.75rem)}.login__header-actions{flex-direction:column;align-items:flex-start;gap:.4rem}.login__providers{grid-template-columns:1fr}.login__footer{flex-direction:column;align-items:flex-start}}@tailwind base;@tailwind components;@tailwind utilities;:root{--color-bg-base: #0b0d12;--color-bg-surface: #12141a;--color-bg-muted: rgba(24, 26, 33, .82);--color-panel: rgba(18, 20, 26, .94);--color-border: rgba(251, 250, 248, .08);--color-border-strong: rgba(251, 250, 248, .14);--color-primary: #73ab84;--color-primary-soft: rgba(115, 171, 132, .2);--color-primary-strong: #5c8f6f;--color-accent: #99d19c;--color-success: #73ab84;--color-success-gradient: linear-gradient(135deg, #73ab84, #99d19c);--color-text-light: #fbfaf8;--color-text-muted: rgba(251, 250, 248, .6);--border-radius: 14px;--shadow-soft: 0 18px 38px rgba(8, 15, 37, .45);--shadow-strong: 0 28px 60px rgba(6, 12, 28, .55);--transition: .25s ease}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:radial-gradient(circle at top left,rgba(115,171,132,.18),transparent 45%),radial-gradient(circle at bottom right,rgba(115,171,132,.14),transparent 50%),#0b0d12;color:var(--color-text-light);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}hr{border:none;border-top:1px solid var(--color-border);margin:1.5rem 0}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 clamp(1rem,2vw,1.75rem)}.card{background:linear-gradient(180deg,#0f172ad9,#090d16eb);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:clamp(1.25rem,2vw,1.75rem);transition:transform var(--transition),box-shadow var(--transition);box-shadow:0 16px 40px #020a1c40}.card:hover{transform:translateY(-4px);box-shadow:0 24px 65px #020a1c66}button{cursor:pointer;border:1px solid transparent;background:linear-gradient(135deg,#73ab84d1,#99d19ceb);color:var(--color-text-light);font-weight:600;border-radius:999px;padding:.6rem 1.35rem;transition:background var(--transition),transform var(--transition),box-shadow var(--transition);letter-spacing:.01em}button:hover{transform:translateY(-1px);box-shadow:0 12px 30px #73ab8461}button:focus-visible{outline:none;box-shadow:0 0 0 3px #73ab8452}input,select,textarea{width:100%;padding:.6rem .75rem;border-radius:12px;border:1px solid var(--color-border);background:#12141aeb;color:var(--color-text-light);font-size:.95rem;font-family:inherit;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #73ab8447;background:#12141afa}textarea{resize:vertical;min-height:120px}label{font-size:.85rem;font-weight:500;color:var(--color-text-muted);display:block}::placeholder{color:#fbfaf873}.builder-scroll{overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.builder-scroll::-webkit-scrollbar{width:0;height:0}.sr-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.workspace-shell{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at top right,rgba(115,171,132,.2),transparent 50%),#0b0d12}.workspace-header{position:sticky;top:0;z-index:40;display:flex;justify-content:center;padding:.75rem clamp(1rem,2vw,1.75rem);background:linear-gradient(180deg,#0b0d12f5,#0b0d12c7);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.workspace-header__inner{width:100%;max-width:1220px;display:flex;align-items:center;justify-content:space-between;gap:1rem;height:48px;background:#12141af5;border-radius:14px;border:1px solid var(--color-border);box-shadow:0 14px 40px #03040a8c;padding:0 1rem}.workspace-header__start,.workspace-header__center,.workspace-header__end{display:flex;align-items:center;gap:.75rem;position:relative}.workspace-header__center{justify-content:center;color:var(--color-text-light);font-weight:600;letter-spacing:.01em}.workspace-header__project-icon{font-size:1rem;filter:drop-shadow(0 4px 12px rgba(115,171,132,.45))}.workspace-header__project-name{font-size:.92rem;color:var(--color-text-light)}.workspace-header__mode-toggle{display:inline-flex;background:#12141aeb;border-radius:10px;border:1px solid var(--color-border);overflow:hidden}.workspace-header__mode-toggle button{appearance:none;background:transparent;border:none;color:var(--color-text-muted);font-size:.78rem;font-weight:600;padding:.4rem .65rem;display:flex;align-items:center;justify-content:center;transition:background var(--transition),color var(--transition)}.workspace-header__mode-toggle button.is-active{background:linear-gradient(135deg,#73ab848c,#99d19ca6);color:var(--color-text-light)}.workspace-header__mode-toggle button:not(.is-active):hover{background:#73ab842e;color:var(--color-text-light)}.workspace-menu-trigger{appearance:none;background:linear-gradient(135deg,#86dfa02e,#c5f7c91f);border:1px solid rgba(153,209,156,.4);border-radius:10px;padding:.35rem .6rem;display:inline-flex;align-items:center;gap:.45rem;color:#fbfaf8;box-shadow:0 12px 28px #05070c59;transition:border var(--transition),background var(--transition),box-shadow var(--transition)}.workspace-menu-trigger:hover,.workspace-menu-trigger:focus-visible{border-color:#99d19c99;background:linear-gradient(135deg,#86dfa04d,#c5f7c93d);box-shadow:0 18px 36px #05070c73;outline:none}.workspace-menu-trigger__icon svg{width:16px;height:16px}.workspace-logo-bar{fill:currentColor}.workspace-menu-trigger__caret{font-size:.75rem;opacity:.65}.workspace-menu{position:absolute;top:calc(100% + 10px);left:0;width:280px;background:#12141a;border-radius:16px;border:1px solid rgba(153,209,156,.35);box-shadow:0 32px 80px #03040a99;padding:1rem;display:flex;flex-direction:column;gap:.9rem;height:min(88vh,600px);max-height:none;overflow:hidden}.workspace-menu__search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;padding:.55rem .75rem;border-radius:12px;border:1px solid rgba(153,209,156,.28);background:#12141ae6;box-shadow:inset 0 0 0 1px #99d19c1f}.workspace-menu__search input{background:transparent;border:none;color:var(--color-text-light);font-size:.85rem}.workspace-menu__search input:focus{outline:none}.workspace-menu__search-icon{opacity:.6}.workspace-menu__shortcut{font-size:.72rem;color:var(--color-text-muted)}.workspace-menu__groups{overflow-y:auto;padding-right:.5rem;margin-right:-.3rem;flex:1;min-height:0;display:flex;flex-direction:column;gap:.85rem}.workspace-menu__group+.workspace-menu__group{border-top:1px solid rgba(153,209,156,.18);padding-top:.85rem;margin-top:.85rem}.workspace-menu__group-label{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fbfaf88c;margin-bottom:.45rem}.workspace-menu__items{list-style:none;padding:0;margin:0;display:grid;gap:.35rem}.workspace-menu__item a,.workspace-menu__item button{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .7rem;border-radius:8px;border:none;background:#fbfaf80a;color:#fbfaf8e6;font-size:.84rem;transition:background var(--transition),color var(--transition),box-shadow var(--transition);cursor:pointer;box-shadow:inset 0 0 0 1px #99d19c1f}.workspace-menu__item button{font-family:inherit}.workspace-menu__item a:hover,.workspace-menu__item button:hover{background:linear-gradient(135deg,#86dfa038,#c5f7c92e);color:#fbfaf8;box-shadow:0 10px 22px #05070c59}.workspace-icon-button{appearance:none;background:#fbfaf80d;border:1px solid rgba(153,209,156,.28);width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:#fbfaf8d9;border-radius:10px;transition:background var(--transition),color var(--transition),border var(--transition),box-shadow var(--transition);box-shadow:0 10px 22px #05070c52}.workspace-icon-button svg{width:19px;height:19px}.workspace-icon-button:hover,.workspace-icon-button:focus-visible{background:linear-gradient(135deg,#86dfa02e,#c5f7c929);color:var(--color-text-light);border-color:#99d19c73;box-shadow:0 14px 28px #05070c66;outline:none}.workspace-ghost-link{color:var(--color-text-muted);font-size:.82rem;font-weight:600;padding:.45rem .75rem;border-radius:10px;transition:background var(--transition),color var(--transition)}.workspace-ghost-link:hover,.workspace-ghost-link:focus-visible{background:#73ab842e;color:var(--color-text-light);outline:none}.workspace-main{flex:1}.workspace-footer{padding:1.5rem;text-align:center;font-size:.8rem;color:var(--color-text-muted)}@media (max-width: 900px){.workspace-header__inner{gap:.5rem;padding:0 .75rem}.workspace-header__project-name{font-size:.85rem}.workspace-header__end{gap:.5rem}.workspace-ghost-link{display:none}}@media (max-width: 720px){.workspace-header{padding:.65rem}.workspace-header__inner{flex-wrap:wrap;height:auto;padding:.65rem;gap:.75rem}.workspace-header__start{order:1}.workspace-header__center{order:3;width:100%;justify-content:center}.workspace-header__end{order:2;margin-left:auto}.workspace-main{padding:1rem}}