@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--c-bg: #050505;--c-bg-alt: #0a0a0a;--c-surface: #111111;--c-card: #141414;--c-card-hover: #1a1a1a;--c-border: rgba(255, 255, 255, .08);--c-border-strong: rgba(255, 255, 255, .14);--c-primary: #E85D2C;--c-primary-hover: #ff6b35;--c-accent: #ffffff;--c-accent-muted: rgba(255, 255, 255, .65);--c-accent-blue: #60a5fa;--c-accent-purple: #a78bfa;--c-success: #4ade80;--c-warn: #fbbf24;--c-danger: #f87171;--c-text: #fafafa;--c-muted: rgba(255, 255, 255, .55);--c-faint: rgba(255, 255, 255, .35);--c-shadow: 0 4px 24px rgba(0, 0, 0, .4);--c-shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--c-glow: 0 0 0 1px rgba(255, 255, 255, .08), 0 0 60px rgba(96, 165, 250, .08);--c-page-bg: #050505;--c-nav-bg: rgba(10, 10, 10, .92)}:root[data-theme=light]{--c-bg: #ffffff;--c-bg-alt: #f5f6f8;--c-surface: #ffffff;--c-card: #ffffff;--c-card-hover: #f3f4f6;--c-border: rgba(17, 24, 39, .1);--c-border-strong: rgba(17, 24, 39, .18);--c-primary: #E85D2C;--c-primary-hover: #ff6b35;--c-accent: #111827;--c-accent-muted: rgba(17, 24, 39, .65);--c-accent-blue: #2563eb;--c-accent-purple: #7c3aed;--c-success: #16a34a;--c-warn: #d97706;--c-danger: #dc2626;--c-text: #111827;--c-muted: rgba(17, 24, 39, .62);--c-faint: rgba(17, 24, 39, .42);--c-shadow: 0 4px 24px rgba(17, 24, 39, .08);--c-shadow-lg: 0 8px 40px rgba(17, 24, 39, .12);--c-glow: 0 0 0 1px rgba(17, 24, 39, .06), 0 0 60px rgba(37, 99, 235, .1);--c-page-bg: #f5f6f8;--c-nav-bg: rgba(255, 255, 255, .92)}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--c-page-bg, #050505);color:var(--c-text, #fafafa);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}.landing-page{background:var(--c-page-bg, #050505);color:var(--c-text, #fafafa);overflow-x:hidden}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-in{animation:fadeIn .5s ease both}.logo-mark--blend{mix-blend-mode:screen;background:transparent}.blackhole-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;background:#050505}:root[data-theme=light] .blackhole-bg{background:var(--c-page-bg, #f5f6f8)}:root[data-theme=light] .blackhole-vortex{opacity:.08}.blackhole-vortex{position:absolute;top:36%;left:50%;width:min(95vw,920px);height:min(95vw,920px);transform:translate(-50%,-50%);opacity:.2}.bh-halo{position:absolute;top:-5%;right:-5%;bottom:-5%;left:-5%;border-radius:50%;background:radial-gradient(circle,rgba(255,100,30,.12) 0%,transparent 65%);animation:bhHaloPulse 5s ease-in-out infinite}.bh-disk{position:absolute;border-radius:50%;transform-origin:50% 50%;will-change:transform}.bh-disk--outer{top:0;right:0;bottom:0;left:0;filter:blur(52px);background:conic-gradient(from 0deg,transparent 0deg,rgba(255,130,50,1) 25deg,rgba(255,50,10,.85) 70deg,transparent 110deg,rgba(255,160,60,.7) 160deg,transparent 210deg,rgba(255,80,20,.9) 260deg,transparent 310deg,rgba(255,120,40,.8) 340deg);animation:bhSpin 14s linear infinite}.bh-disk--mid{top:10%;right:10%;bottom:10%;left:10%;filter:blur(38px);background:conic-gradient(from 90deg,transparent,rgba(255,200,100,.85) 50deg,transparent 100deg,rgba(255,90,25,.75) 150deg,transparent 200deg,rgba(255,150,50,.8) 280deg,transparent);animation:bhSpin 9s linear infinite reverse}.bh-disk--inner{top:22%;right:22%;bottom:22%;left:22%;filter:blur(22px);background:conic-gradient(from 200deg,transparent 0deg,rgba(255,180,70,.9) 30deg,rgba(255,60,15,.8) 80deg,transparent 130deg,rgba(255,110,35,.85) 220deg,transparent 300deg);animation:bhSpin 6s linear infinite}.bh-photon{position:absolute;border-radius:50%;transform-origin:50% 50%;border:2px solid transparent;will-change:transform}.bh-photon--a{top:6%;right:6%;bottom:6%;left:6%;border-top-color:#ff963273;border-left-color:#ff501440;animation:bhSpin 4s linear infinite}.bh-photon--b{top:14%;right:14%;bottom:14%;left:14%;border-bottom-color:#ff782859;border-right-color:#ff3c0a33;animation:bhSpin 3s linear infinite reverse}.bh-core{position:absolute;top:50%;left:50%;width:16%;height:16%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#000 25%,rgba(255,90,20,.55) 50%,transparent 70%);box-shadow:0 0 80px #ff5a1466;z-index:2}.bh-logo-wrap{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 50%;animation:bhSpin 18s linear infinite;z-index:3}.bh-logo{position:absolute;top:50%;left:50%;width:44%;height:auto;transform:translate(-50%,-50%);object-fit:contain;mix-blend-mode:screen;pointer-events:none}@keyframes bhSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bhHaloPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}@media (prefers-reduced-motion: reduce){.bh-disk--outer,.bh-disk--mid,.bh-disk--inner,.bh-photon--a,.bh-photon--b,.bh-logo-wrap{animation:none}}.landing-page>nav,.landing-page>section,.landing-page>footer,.landing-below-hero{position:relative;z-index:1}.landing-below-hero{background:transparent}.lovable-hero{position:relative;z-index:2;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 24px 80px}.lovable-hero__content{width:100%;max-width:720px;text-align:center}.lovable-hero__title{font-size:clamp(42px,6.5vw,72px);font-weight:700;letter-spacing:-.04em;line-height:1.05;color:#1c1917;margin-bottom:16px}.lovable-hero__subtitle{font-size:clamp(18px,2.5vw,22px);color:#57534e;font-weight:400;margin-bottom:40px;line-height:1.4}.lovable-prompt{width:100%;max-width:680px;margin:0 auto;background:#fdf9f5;border:1px solid rgba(0,0,0,.08);border-radius:24px;box-shadow:0 1px 2px #0000000a,0 12px 40px #0000000f;padding:20px 20px 14px;text-align:left;transition:box-shadow .2s,border-color .2s}.lovable-prompt:focus-within{border-color:#0000001f;box-shadow:0 2px 8px #0000000d,0 20px 50px #00000014}.lovable-prompt__input{width:100%;border:none;outline:none;resize:none;background:transparent;font-family:inherit;font-size:17px;line-height:1.5;color:#1c1917;min-height:52px}.lovable-prompt__input::placeholder{color:#a8a29e}.lovable-prompt__bar{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:4px}.lovable-prompt__icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;background:transparent;color:#78716c;cursor:pointer;transition:background .15s,color .15s}.lovable-prompt__icon-btn:hover{background:#0000000d;color:#1c1917}.lovable-prompt__actions{display:flex;align-items:center;gap:6px}.lovable-prompt__build-label{display:flex;align-items:center;gap:2px;padding:8px 12px;border:none;border-radius:8px;background:transparent;font-family:inherit;font-size:14px;font-weight:500;color:#57534e;cursor:pointer;transition:background .15s}.lovable-prompt__build-label:hover{background:#0000000a}.lovable-prompt__send{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;background:#a8a29e;color:#fff;cursor:pointer;transition:background .15s,transform .1s}.lovable-prompt__send:not(:disabled){background:#1c1917}.lovable-prompt__send:not(:disabled):hover{transform:scale(1.05)}.lovable-prompt__send:disabled{cursor:not-allowed;opacity:.5}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:9999px;background:#e85d2c14;border:1px solid rgba(232,93,44,.2);color:#e85d2c;font-size:12px;font-weight:600;margin-bottom:20px;animation:fadeInUp .6s ease both}.hero-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:20px;max-width:560px;margin-left:auto;margin-right:auto}.hero-chip{padding:8px 14px;border-radius:9999px;border:1px solid rgba(0,0,0,.08);background:#ffffffd9;font-size:13px;color:#57534e;cursor:pointer;font-family:inherit;transition:border-color .15s,color .15s,background .15s}.hero-chip:hover{border-color:#00000026;color:#1c1917;background:#fff}.hero-trust{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:24px}.hero-trust__pill{font-size:12px;font-weight:500;color:#78716c;padding:5px 12px;border-radius:9999px;background:#ffffffb3;border:1px solid rgba(0,0,0,.06)}.hero-social{margin-top:48px}.hero-social__label{font-size:12px;color:#a8a29e;text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:16px}.logo-strip{display:flex;flex-wrap:wrap;gap:20px 28px;justify-content:center;opacity:.5}.logo-strip__item{font-size:12px;font-weight:600;color:#78716c;letter-spacing:.04em;text-transform:uppercase}.hero-scroll-hint{position:absolute;bottom:28px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;font-family:inherit;font-size:12px;color:#a8a29e;cursor:pointer;animation:fadeIn 1s ease 1s both,float 3s ease-in-out 2s infinite;z-index:3}.hero-scroll-hint:hover{color:#57534e}.landing-section{padding:96px 24px;background:#fff}.landing-section--alt{background:#fafaf8}.landing-section--stats{border-top:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06)}.landing-container{max-width:1100px;margin:0 auto}.landing-container--wide{max-width:1140px}.landing-container--narrow{max-width:640px}.section-header{margin-bottom:56px}.section-header__eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#e85d2c;margin-bottom:12px}.section-header__title{font-size:clamp(28px,4vw,40px);font-weight:800;letter-spacing:-.03em;color:#1c1917;line-height:1.15}.section-header__subtitle{font-size:16px;color:#57534e;margin-top:12px;line-height:1.6;max-width:520px}.section-header[style*=left] .section-header__subtitle,.section-header[style*=left] .section-header__title{margin-left:0;margin-right:auto}div[style*="text-align: left"] .section-header__subtitle{margin-left:0}.landing-reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.landing-reveal--visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.landing-reveal{opacity:1;transform:none;transition:none}}.pipeline-track{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:0}.pipeline-step{display:flex;align-items:center;flex:1 1 200px;max-width:260px}.pipeline-step__card{flex:1;text-align:center;padding:24px 16px;border-radius:16px;border:1px solid rgba(0,0,0,.06);background:#fff;transition:box-shadow .2s,transform .2s}.pipeline-step__card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00000014}.pipeline-step__icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.pipeline-step__label{font-size:17px;font-weight:700;color:#1c1917;margin-bottom:4px}.pipeline-step__detail{font-size:13px;color:#78716c}.pipeline-step__connector{width:32px;height:2px;background:linear-gradient(90deg,#e85d2c44,#3b82f644);flex-shrink:0;margin:48px 4px 0}@media (max-width: 900px){.pipeline-step__connector{display:none}.pipeline-step{max-width:100%;flex:1 1 100%}}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.step-card{position:relative;padding:32px 28px;border-radius:20px;border:1px solid rgba(0,0,0,.06);background:#fff;text-align:center;transition:transform .2s,box-shadow .2s}.step-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #00000012}.step-card__icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.step-card__num{position:absolute;top:16px;right:20px;font-size:48px;font-weight:900;color:#0000000a;line-height:1}.step-card__title{font-size:20px;font-weight:700;color:#1c1917;margin-bottom:10px}.step-card__desc{font-size:15px;color:#57534e;line-height:1.65}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}@media (max-width: 900px){.showcase-grid{grid-template-columns:1fr;gap:32px}}.showcase-bullets{list-style:none;margin-top:28px;display:flex;flex-direction:column;gap:12px}.showcase-bullets li{font-size:15px;color:#57534e;padding-left:22px;position:relative;line-height:1.5}.showcase-bullets li:before{content:"✓";position:absolute;left:0;color:#e85d2c;font-weight:700}.showcase-terminal{border-radius:16px;overflow:hidden;border:1px solid rgba(0,0,0,.1);box-shadow:0 24px 60px #0000001f;background:#0d1117}.showcase-terminal__bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#161b22;border-bottom:1px solid rgba(255,255,255,.06)}.showcase-terminal__bar span:first-child,.showcase-terminal__bar span:nth-child(2),.showcase-terminal__bar span:nth-child(3){width:12px;height:12px;border-radius:50%}.showcase-terminal__bar span:first-child{background:#ff5f57}.showcase-terminal__bar span:nth-child(2){background:#ffbd2e}.showcase-terminal__bar span:nth-child(3){background:#28ca41}.showcase-terminal__title{margin-left:8px;font-size:12px;color:#6e7681;font-family:ui-monospace,monospace}.showcase-terminal__body{padding:18px 20px 22px;min-height:240px;font-family:ui-monospace,JetBrains Mono,monospace;font-size:13px;line-height:1.75}.showcase-terminal__line{transition:opacity .35s ease,transform .35s ease}.showcase-terminal__cursor{color:#e85d2c;animation:pulse 1s ease infinite}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.template-card{width:100%;text-align:left;padding:0;overflow:hidden;cursor:pointer;font-family:inherit}.template-card__visual{height:130px;display:flex;align-items:center;justify-content:center}.template-card__emoji{font-size:40px}.template-card__body{padding:20px}.template-card__body h3{font-size:17px;font-weight:700;color:#1c1917;margin-bottom:6px}.template-card__body p{font-size:14px;color:#57534e;line-height:1.5}.template-card__cta{display:inline-flex;align-items:center;gap:4px;margin-top:14px;font-size:13px;font-weight:600;color:#e85d2c}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.feature-card{padding:28px 24px;display:flex;flex-direction:column;gap:12px}.feature-card__icon{width:44px;height:44px;border-radius:12px;background:#fafaf8;border:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center;color:#1c1917}.feature-card h3{font-size:16px;font-weight:700;color:#1c1917}.feature-card p{font-size:14px;color:#57534e;line-height:1.6}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:24px;text-align:center}.stat-card__value{font-size:clamp(36px,5vw,48px);font-weight:800;letter-spacing:-.03em;color:#1c1917}.stat-card__label{font-size:14px;color:#57534e;margin-top:6px}.faq-list{display:flex;flex-direction:column;gap:10px}.faq-item{border:1px solid rgba(0,0,0,.08);border-radius:14px;background:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s}.faq-item--open{border-color:#e85d2c40;box-shadow:0 4px 20px #0000000a}.faq-item__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:none;border:none;font-family:inherit;font-size:15px;font-weight:600;color:#1c1917;text-align:left;cursor:pointer}.faq-item__chevron{flex-shrink:0;color:#a8a29e;transition:transform .25s ease}.faq-item--open .faq-item__chevron{transform:rotate(180deg)}.faq-item__answer{max-height:0;overflow:hidden;transition:max-height .35s ease}.faq-item--open .faq-item__answer{max-height:200px}.faq-item__answer p{padding:0 20px 18px;font-size:14px;color:#57534e;line-height:1.65}.waitlist-card{padding:48px 40px}.waitlist-form{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:8px}.waitlist-form__input{flex:1 1 200px;max-width:320px;padding:12px 18px;border-radius:9999px;border:1px solid rgba(0,0,0,.12);font-size:14px;font-family:inherit;outline:none}.waitlist-form__btn{display:flex;align-items:center;gap:8px;padding:12px 22px;border-radius:9999px;border:none;background:#1c1917;color:#fff;font-weight:600;font-size:14px;cursor:pointer;font-family:inherit}.waitlist-form__error{width:100%;font-size:13px;color:#dc2626;text-align:center}.waitlist-footnote{font-size:12px;color:#a8a29e;margin-top:20px;text-align:center}.waitlist-success{text-align:center;padding:16px 0}.waitlist-success__title{font-size:16px;font-weight:700;margin-top:12px}.waitlist-success__text{font-size:14px;color:#57534e;margin-top:8px}.final-cta{padding:80px 24px;background:linear-gradient(145deg,#1c1917,#292524,#1a1008);position:relative;overflow:hidden}.final-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 80% at 50% 120%,rgba(232,93,44,.35) 0%,transparent 60%);pointer-events:none}.final-cta__inner{position:relative;text-align:center;max-width:560px;margin:0 auto}.final-cta__title{font-size:clamp(28px,4vw,40px);font-weight:800;color:#fff;letter-spacing:-.03em;line-height:1.15}.final-cta__subtitle{font-size:16px;color:#ffffffa6;margin-top:14px;line-height:1.6}.final-cta__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:32px}.final-cta__btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:9999px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;border:none;transition:transform .15s,opacity .15s}.final-cta__btn:hover{transform:translateY(-2px)}.final-cta__btn--primary{background:#fff;color:#1c1917}.final-cta__btn--ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.25)}.lovable-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;transition:transform .2s,box-shadow .2s,border-color .2s}.lovable-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000014;border-color:#0000001f}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f5f4f0}::-webkit-scrollbar-thumb{background:#d6d3d1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a29e}*:focus-visible{outline:2px solid #E85D2C;outline-offset:2px}@media (max-width: 640px){.desktop-nav{display:none!important}.mobile-menu-btn{display:flex!important}}.dropler-gradient-text{background:linear-gradient(135deg,#60a5fa,#a78bfa 45%,#e85d2c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.logo-mark--dark{background:transparent}.dropler-nav{color:#fafafa}.dropler-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:9999px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;border:none;text-decoration:none;transition:opacity .15s,transform .1s,background .15s}.dropler-btn--sm{padding:9px 18px;font-size:14px}.dropler-btn--lg{padding:14px 28px;font-size:15px}.dropler-btn--white{background:#fff;color:#000}.dropler-btn--white:hover{opacity:.92;transform:translateY(-1px)}.dropler-btn--ghost{background:transparent;color:#ffffffd9;border:1px solid rgba(255,255,255,.14)}.dropler-btn--ghost:hover{background:#ffffff0f}.dropler-btn--plan{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.12);padding:8px 16px;font-size:13px;font-weight:600}.dropler-btn--plan:hover{background:#ffffff24}.dropler-container{max-width:1100px;margin:0 auto;padding:0 24px}.dropler-container--narrow{max-width:640px}.dropler-hero{position:relative;z-index:2;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 24px 80px;text-align:center}.dropler-hero__inner{width:100%;max-width:760px}.dropler-hero__title{font-size:clamp(40px,7vw,72px);font-weight:700;letter-spacing:-.04em;line-height:1.05;color:#fafafa;margin-bottom:16px}.dropler-hero__subtitle{font-size:clamp(17px,2.2vw,20px);color:#ffffff8c;margin-bottom:40px;line-height:1.5}.dropler-hero__flow{margin:-8px auto 22px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.dropler-hero__flow-step{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#fffc;font-size:12px}.dropler-hero__flow-index{width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#e85d2c38;color:#ffb088;font-weight:700;font-size:11px}.dropler-hero__flow-sep{color:#86efaccc}.dropler-prompt{text-align:left;background:#111;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:20px;box-shadow:0 0 0 1px #ffffff0a,0 8px 40px #00000080,0 0 80px #60a5fa0f;transition:border-color .2s,box-shadow .2s}.dropler-prompt:focus-within{border-color:#ffffff2e;box-shadow:0 0 0 1px #60a5fa26,0 12px 48px #0000008c,0 0 100px #60a5fa1a}.dropler-prompt__input{width:100%;border:none;outline:none;resize:none;background:transparent;font-family:inherit;font-size:17px;line-height:1.55;color:#fafafa;min-height:72px}.dropler-prompt__input::placeholder{color:#ffffff59}.dropler-prompt__footer{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;padding-top:8px}.dropler-prompt__imports{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex:1}.dropler-prompt__imports-label{font-size:13px;color:#fff6}.dropler-import-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:9999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffffbf;font-size:13px;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s}.dropler-import-chip:hover{background:#ffffff14;border-color:#ffffff2e}.dropler-prompt__send{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-left:auto;border:none;border-radius:50%;background:#ffffff26;color:#fff6;cursor:not-allowed;transition:background .15s,transform .1s,color .15s}.dropler-prompt__send:not(:disabled){background:#fff;color:#000;cursor:pointer}.dropler-prompt__send:not(:disabled):hover{transform:scale(1.05)}.dropler-section{position:relative;z-index:1;padding:88px 0}.dropler-section--alt{background:#ffffff05;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.dropler-eyebrow{font-size:13px;font-weight:600;color:#e85d2c;margin-bottom:12px}.dropler-section-title{font-size:clamp(26px,4vw,40px);font-weight:700;letter-spacing:-.03em;color:#fafafa;line-height:1.15;margin-bottom:12px}.dropler-section-title--lg{font-size:clamp(28px,4.5vw,48px);max-width:720px}.dropler-section-sub{font-size:16px;color:#ffffff80;line-height:1.6;margin-bottom:48px}.dropler-section-sub--wide{max-width:600px;margin-bottom:56px}.dropler-carousel{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.dropler-carousel__card{flex:0 0 200px;scroll-snap-align:start;text-align:left;padding:20px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#141414;cursor:pointer;font-family:inherit;color:inherit;transition:border-color .2s,transform .2s,background .2s}.dropler-carousel__card:hover{border-color:#ffffff29;background:#1a1a1a;transform:translateY(-3px)}.dropler-carousel__emoji{font-size:28px;margin-bottom:12px}.dropler-carousel__name{font-size:16px;font-weight:600;color:#fafafa;margin-bottom:4px}.dropler-carousel__sub{font-size:13px;color:#ffffff73}.dropler-trusted{position:relative;z-index:1;padding:32px 0 56px;border-bottom:1px solid rgba(255,255,255,.06)}.dropler-trusted__label{text-align:center;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#ffffff59;margin-bottom:20px}.dropler-trusted__logos{display:flex;flex-wrap:wrap;gap:16px 32px;justify-content:center}.dropler-trusted__logos span{font-size:14px;font-weight:500;color:#ffffff40}.dropler-features-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:32px}.dropler-feature-card{padding:28px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#111}.dropler-feature-card h3{font-size:18px;font-weight:600;color:#fafafa;margin-bottom:10px}.dropler-feature-card p{font-size:14px;color:#ffffff80;line-height:1.6}.dropler-feature-card__icon{width:44px;height:44px;border-radius:12px;background:#e85d2c1f;color:#e85d2c;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.dropler-feature-card--highlight{background:linear-gradient(145deg,#1a1208,#111);border-color:#e85d2c40}.dropler-stat{font-size:56px;font-weight:800;letter-spacing:-.04em;color:#fafafa;line-height:1}.dropler-stat span{font-size:28px;font-weight:600;color:#fff6}.dropler-stat-label{font-size:14px;font-weight:600;color:#e85d2c;margin-top:8px;margin-bottom:12px}.dropler-feature-card__note{font-size:13px;color:#ffffff73;line-height:1.55}.dropler-banner{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#60a5fa0f}.dropler-banner__icon{color:#60a5fa;flex-shrink:0;margin-top:2px}.dropler-banner strong{display:block;font-size:15px;color:#fafafa;margin-bottom:4px}.dropler-banner span{font-size:14px;color:#ffffff80}.dropler-built-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.dropler-built-card{padding:24px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#111;transition:border-color .2s}.dropler-built-card:hover{border-color:#ffffff24}.dropler-built-card svg{color:#e85d2c;margin-bottom:14px}.dropler-built-card h3{font-size:16px;font-weight:600;color:#fafafa;margin-bottom:8px}.dropler-built-card p{font-size:14px;color:#ffffff73;line-height:1.55}.dropler-roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.dropler-role-card{padding:24px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#0d0d0d}.dropler-role-card h3{font-size:17px;font-weight:600;color:#fafafa;margin-bottom:10px}.dropler-role-card p{font-size:14px;color:#ffffff73;line-height:1.6}.dropler-faq-list{display:flex;flex-direction:column;gap:10px}.dropler-faq-item{border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#111;overflow:hidden}.dropler-faq-item__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:none;border:none;font-family:inherit;font-size:15px;font-weight:600;color:#fafafa;text-align:left;cursor:pointer}.dropler-faq-item__chevron{flex-shrink:0;color:#fff6;transition:transform .25s}.dropler-faq-item--open .dropler-faq-item__chevron{transform:rotate(180deg)}.dropler-faq-item__answer{max-height:0;overflow:hidden;transition:max-height .35s ease}.dropler-faq-item--open .dropler-faq-item__answer{max-height:220px}.dropler-faq-item__answer p{padding:0 20px 18px;font-size:14px;color:#ffffff80;line-height:1.65}.dropler-final-cta{position:relative;z-index:1;padding:100px 0;text-align:center;overflow:hidden}.dropler-final-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 60% at 50% 100%,rgba(96,165,250,.12) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 50% 0%,rgba(232,93,44,.08) 0%,transparent 50%);pointer-events:none}.dropler-final-cta__inner{position:relative;max-width:560px;margin:0 auto}.dropler-final-cta__title{font-size:clamp(32px,5vw,48px);font-weight:700;letter-spacing:-.03em;color:#fafafa;line-height:1.1}.dropler-final-cta__subtitle{font-size:16px;color:#ffffff80;margin-top:16px;line-height:1.6}.dropler-final-cta__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:32px}.dropler-footer{position:relative;z-index:1;padding:56px 0 32px;border-top:1px solid rgba(255,255,255,.08);background:#0a0a0a}.dropler-footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:40px;margin-bottom:48px}.dropler-footer__tagline{font-size:13px;color:#ffffff73;line-height:1.6;max-width:220px}.dropler-footer__bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;color:#ffffff4d}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#333}::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width: 640px){.dropler-prompt__footer{flex-direction:column;align-items:stretch}.dropler-prompt__send{margin-left:0;align-self:flex-end}}.dropler-auth-page{min-height:100vh;background:#050505;color:#fafafa;display:flex;flex-direction:column;position:relative;overflow:hidden}.dropler-auth-page__glow{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 50% 40% at 50% -10%,rgba(96,165,250,.12) 0%,transparent 55%),radial-gradient(ellipse 40% 30% at 80% 100%,rgba(232,93,44,.08) 0%,transparent 50%)}.dropler-auth-page__header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:20px 32px}.dropler-auth-page__back{font-size:13px;font-weight:500;color:#ffffff8c;text-decoration:none}.dropler-auth-page__back:hover{color:#fafafa}.dropler-auth-page__main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;position:relative;z-index:2}.dropler-auth-page__logo{margin-bottom:8px;text-decoration:none;color:inherit}.dropler-auth-page__tagline{margin:0 0 28px;font-size:14px;color:#ffffff73;text-align:center;max-width:320px;line-height:1.5}.dropler-auth-card{width:100%;max-width:400px;background:#111;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:36px;box-shadow:0 8px 40px #00000080}.dropler-auth-card__head{margin-bottom:24px}.dropler-auth-card__head h1{font-size:22px;font-weight:700;letter-spacing:-.03em;margin-bottom:6px}.dropler-auth-card__head p{font-size:13px;color:#ffffff80}.dropler-google-wrap{position:relative;width:100%;height:44px;margin-bottom:18px;cursor:pointer}.dropler-google-btn{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;display:flex;align-items:center;justify-content:center;gap:10px;background:#1c1c1e;border:1px solid rgba(255,255,255,.14);border-radius:12px;color:#fff;font-size:14px;font-weight:500;transition:background .15s,border-color .15s}.dropler-google-wrap:hover .dropler-google-btn{background:#222226;border-color:#ffffff38}.dropler-google-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;border-radius:12px}.dropler-auth-or{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-size:12px;color:#ffffff4d;letter-spacing:.03em}.dropler-auth-or:before,.dropler-auth-or:after{content:"";flex:1;height:1px;background:#ffffff14}.dropler-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.dropler-field label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#fff6}.dropler-field input{width:100%;background:#0c0c0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fafafa;padding:11px 13px;font-size:14px;font-family:inherit;outline:none;box-sizing:border-box}.dropler-field input::placeholder{color:#ffffff38}.dropler-field input:focus{border-color:#ffffff40}.dropler-field--row{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.dropler-error{font-size:12px;color:#fca5a5;background:#7f1d1d40;border:1px solid rgba(127,29,29,.4);border-radius:8px;padding:8px 12px;margin-bottom:14px}.dropler-auth-footer{margin-top:22px;text-align:center;font-size:13px;color:#ffffff73}.dropler-auth-footer a{color:#e85d2c;font-weight:600;text-decoration:none}.dropler-auth-footer a:hover{text-decoration:underline}.dropler-auth-footnote{font-size:11px;color:#ffffff59;margin-top:20px;text-align:center}.dropler-auth-footnote a{color:inherit}.dropler-marketing-page{min-height:100vh;background:#050505;color:#fafafa}.dropler-marketing-page__content{padding:100px 24px 48px;max-width:1100px;margin:0 auto}.dropler-marketing-page__content--narrow{max-width:720px}.dropler-marketing-hero{text-align:center;padding:48px 0 64px}.dropler-marketing-hero h1{font-size:clamp(32px,5vw,52px);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:16px}.dropler-marketing-hero p{font-size:17px;color:#ffffff8c;line-height:1.7;max-width:560px;margin:0 auto}.dropler-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:48px}.dropler-pricing-card{padding:28px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#111}.dropler-pricing-card--highlight{border-color:#e85d2c66;background:linear-gradient(145deg,#1a1208,#111)}.dropler-studio-root{font-family:Inter,system-ui,sans-serif}.dropler-studio-idle{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;gap:28px;padding:24px 16px 48px;width:100%;max-width:720px;margin:0 auto}.dropler-studio-idle__head{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;z-index:2}.dropler-studio-idle__title{font-size:clamp(28px,4vw,40px);font-weight:700;letter-spacing:-.03em;line-height:1.1;pointer-events:none}.dropler-studio-idle__sub{font-size:15px;color:#ffffff80;max-width:480px;line-height:1.55;pointer-events:none}.dropler-studio-prompt{width:100%}.dropler-studio-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;position:relative;z-index:20;isolation:isolate}.dropler-studio-chips .dropler-import-chip{position:relative;z-index:30;pointer-events:auto}.dropler-studio-sidebar .dropler-studio-sidebar__logo{padding:14px;border-bottom:1px solid rgba(255,255,255,.06)}.dropler-studio-toolbar{height:48px;background:#0a0a0a;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;padding:0 16px;gap:12px;flex-shrink:0}.dropler-studio-panel{border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;background:#050505}.dropler-studio-sidebar{transition:width .2s ease;overflow:hidden}.dropler-studio-sidebar--collapsed{width:56px!important}.dropler-studio-sidebar__head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.06)}.dropler-studio-sidebar--collapsed .dropler-studio-sidebar__head{flex-direction:column;padding:10px 8px}.dropler-studio-sidebar__toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffffb3;cursor:pointer;flex-shrink:0;font-family:inherit;font-size:14px}.dropler-studio-sidebar__toggle:hover{background:#ffffff1a;color:#fafafa}.dropler-studio-sidebar--collapsed .dropler-studio-sidebar__label,.dropler-studio-sidebar--collapsed .dropler-studio-sidebar__text,.dropler-studio-sidebar--collapsed .dropler-studio-sidebar__footer-text{display:none}.dropler-studio-sidebar--collapsed .dropler-studio-new-btn{width:36px;height:36px;padding:0;justify-content:center;margin:8px auto}.dropler-studio-sidebar--collapsed .dropler-studio-new-btn span:last-child{display:none}.dropler-studio-sidebar--collapsed .dropler-studio-project-row{justify-content:center;padding:8px 6px}.dropler-studio-sidebar--collapsed .dropler-studio-sidebar__footer{align-items:center}.dropler-studio-workspace{display:flex;height:100%;min-height:0;overflow:hidden}.dropler-studio-chat-pane{width:min(420px,38vw);min-width:300px;border-right:1px solid rgba(255,255,255,.08);background:#0a0a0a;display:flex;flex-direction:column;padding:16px;flex-shrink:0}.dropler-studio-chat-pane--wide{flex:1;width:auto;max-width:none;border-right:none}.dropler-studio-code-pane{flex:1;display:flex;min-width:0;overflow:hidden}.dropler-studio-code-toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.08);background:#0a0a0a;flex-shrink:0}.dropler-studio-code-toolbar span{font-size:12px;font-weight:600;color:#ffffff73;flex:1}.mesh-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 20% 0%,rgba(96,165,250,.08) 0%,transparent 50%),radial-gradient(ellipse 50% 40% at 90% 80%,rgba(232,93,44,.06) 0%,transparent 45%)}.dropler-studio-root--pro{background:#0c0c0f!important}.dropler-studio-root--pro>div:last-child{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.dropler-pro{display:flex;flex-direction:column;height:100vh;width:100%;background:radial-gradient(ellipse 65% 55% at 72% 38%,rgba(96,165,250,.2) 0%,transparent 58%),radial-gradient(ellipse 55% 50% at 22% 72%,rgba(232,93,44,.16) 0%,transparent 55%),radial-gradient(ellipse 45% 45% at 10% 28%,rgba(120,80,220,.12) 0%,transparent 60%),#0a0a0e;color:#f4f4f5;font-family:Inter,system-ui,sans-serif}.dropler-pro__topbar{height:56px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#0f1018,#0a0b11);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.dropler-pro__brand{display:flex;align-items:center;gap:10px;min-width:0}.dropler-pro__chrome-btn{width:26px;height:26px;border-radius:6px;border:none;background:transparent;color:#ffffffdb;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.dropler-pro__logo-link{display:flex;flex-shrink:0}.dropler-pro__project-name{font-size:17px;font-weight:600;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropler-pro__topbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.dropler-pro__stage{display:none;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);color:#ffffffbf;background:#ffffff0f}.dropler-pro__stage--ready{color:#86efac;border-color:#4ade8059;background:#16653447}.dropler-pro__stage--building{color:#fcd34d;border-color:#fbbf2459;background:#78350f4d}.dropler-pro__pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:9999px;border:1px solid rgba(123,120,212,.5);background:#1d194633;color:#ffffffd9;font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s}.dropler-pro__pill:hover{background:#ffffff14;border-color:#ffffff29}.dropler-pro__pill:disabled{opacity:.45;cursor:not-allowed}.dropler-pro__pill--accent{background:linear-gradient(135deg,#ff9445,#ff6c37);border-color:#ffb36fd9;color:#fff4ea}.dropler-pro__theme-toggle{display:flex;align-items:center;gap:4px;padding:6px 8px;border-radius:8px;border:1px solid rgba(123,120,212,.5);color:#ffffff59;background:#1d19463d;font-family:inherit;cursor:pointer}.dropler-pro__theme-toggle--active{color:#fafafa}.dropler-pro__user-menu{position:relative}.dropler-pro__user-btn{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:9999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:inherit;font-family:inherit;font-size:13px;cursor:pointer}.dropler-pro__avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#e85d2c,#a78bfa);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.dropler-pro__user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropler-pro__user-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:160px;background:#18181b;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:6px;box-shadow:0 12px 40px #00000080;z-index:50}.dropler-pro__user-dropdown button{width:100%;display:flex;align-items:center;gap:8px;padding:10px 12px;border:none;border-radius:8px;background:transparent;color:#fafafa;font-size:13px;font-family:inherit;cursor:pointer;text-align:left}.dropler-pro__user-dropdown button:hover{background:#ffffff0f}.dropler-pro__body{flex:1;display:flex;min-height:0}.dropler-pro__sidebar{width:128px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.08);background:#0e0f16d1;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:10px 8px;gap:6px;transition:width .2s ease}.dropler-pro__sidebar--collapsed{width:56px;align-items:center;padding:10px 6px}.dropler-pro__sidebar--collapsed .dropler-pro__new-project,.dropler-pro__sidebar--collapsed .dropler-pro__sidebar-link{width:36px;height:36px;padding:0;gap:0;flex-shrink:0;justify-content:center}.dropler-pro__sidebar--collapsed .dropler-pro__project-list{align-items:center}.dropler-pro__sidebar--collapsed .dropler-pro__project-item{width:36px;height:36px;padding:0;gap:0;justify-content:center;border-radius:9px}.dropler-pro__sidebar-divider{width:100%;height:1px;background:#ffffff14;margin:4px 0;flex-shrink:0}.dropler-pro__new-project{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;margin-bottom:8px;border-radius:12px;border:none;background:linear-gradient(135deg,#e85d2ce6,#e85d2cbf);color:#fff;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer}.dropler-pro__new-project:hover{filter:brightness(1.08)}.dropler-pro__sidebar-link,.dropler-pro__sidebar-section{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;border:none;border-radius:8px;background:transparent;color:#ffffffb3;font-size:12px;font-family:inherit;cursor:pointer;text-align:left;white-space:nowrap}.dropler-pro__sidebar-section{justify-content:space-between;font-weight:600;color:#fff6;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.dropler-pro__project-list{display:flex;flex-direction:column;gap:2px;max-height:160px;overflow-y:auto;margin-bottom:12px;padding-left:4px}.dropler-pro__project-list-empty{font-size:12px;color:#ffffff59;padding:8px 10px}.dropler-pro__project-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;border-radius:8px;background:transparent;color:#fffc;font-size:13px;font-family:inherit;cursor:pointer;text-align:left}.dropler-pro__project-item:hover{background:#ffffff0d}.dropler-pro__project-item--active{background:#e85d2c1f;color:#fafafa}.dropler-pro__project-item-icon{width:28px;height:28px;border-radius:8px;background:#ffffff0f;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;flex-shrink:0}.dropler-pro__project-item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropler-pro__nav{margin-top:12px;display:flex;flex-direction:column;gap:2px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.dropler-pro__view-select{position:relative;margin:8px 8px 0}.dropler-pro__view-select-btn{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0a;color:#ffffffd9;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;text-align:left;transition:background .12s,border-color .12s}.dropler-pro__view-select-btn:hover{background:#ffffff14;border-color:#ffffff2e}.dropler-pro__view-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#1e1f2e;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;z-index:200;box-shadow:0 8px 24px #0006}.dropler-pro__view-option{display:flex;align-items:center;gap:10px;width:100%;padding:9px 14px;border:none;background:transparent;color:#ffffffbf;font-size:13px;font-weight:400;font-family:inherit;cursor:pointer;text-align:left;transition:background .1s,color .1s}.dropler-pro__view-option:hover{background:#ffffff0f;color:#fffffff2}.dropler-pro__view-option--active{background:#624fbd59;color:#ebe6ff;font-weight:500}.dropler-pro__view-option--active:hover{background:#624fbd73}.dropler-pro__sidebar--collapsed .dropler-pro__view-select-btn span,.dropler-pro__sidebar--collapsed .dropler-pro__view-select-btn svg:last-child{display:none}.dropler-pro__sidebar--collapsed .dropler-pro__view-select-btn{justify-content:center;padding:9px}.dropler-pro__main{flex:1;display:flex;flex-direction:row;min-width:0;min-height:0;overflow:hidden;background:transparent}.dropler-pro__main-inner{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.dropler-pro__notify{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:#a78bfa1f;border-bottom:1px solid rgba(167,139,250,.2);font-size:13px;color:#ffffffbf}.dropler-pro__notify button{border:none;background:transparent;color:#ffffff80;font-size:12px;cursor:pointer;font-family:inherit}.dropler-pro__workspace{flex:1;display:flex;min-height:0}.dropler-pro__chat-col{min-width:220px;max-width:65vw;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;background:#0a0a0e9e;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-right:1px solid rgba(255,255,255,.06)}.dropler-pro__sidebar-resize-handle{width:4px;flex-shrink:0;cursor:col-resize;background:transparent;transition:background .15s;position:relative;z-index:10}.dropler-pro__sidebar-resize-handle:after{content:"";position:absolute;top:0;right:-3px;bottom:0;left:-3px}.dropler-pro__sidebar-resize-handle:hover,.dropler-pro__sidebar-resize-handle--dragging{background:#624fbd80}.dropler-pro__resize-handle{width:4px;flex-shrink:0;cursor:col-resize;background:transparent;transition:background .15s;position:relative;z-index:10}.dropler-pro__resize-handle:after{content:"";position:absolute;top:0;right:-3px;bottom:0;left:-3px}.dropler-pro__resize-handle:hover,.dropler-pro__resize-handle--dragging{background:#624fbd80}.dropler-pro--resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.dropler-pro__preview-col{flex:1;min-width:0;display:flex;flex-direction:column;background:transparent}.dropler-pro__chat-inner{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:16px;box-sizing:border-box}.dropler-pro__chat-messages{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.dropler-pro__chat-panel{height:100%}.dropler-pro__chat-toolbar{display:flex;gap:8px;margin-bottom:12px}.dropler-pro__chat-toolbar button{padding:6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffffb3;font-size:12px;font-family:inherit;cursor:pointer}.dropler-pro__chat-scroll{flex:1;min-height:0}.dropler-pro__bubble{max-width:92%;padding:12px 14px;border-radius:14px;font-size:14px;line-height:1.55;white-space:pre-wrap}.dropler-pro__bubble--user{background:#60a5fa26;border:1px solid rgba(96,165,250,.25);color:#e0f2fe}.dropler-pro__bubble--assistant{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#ffffffe6}.dropler-pro__composer{flex-shrink:0;padding-top:8px}.dropler-pro__composer-box{border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#00000059;overflow:hidden}.dropler-pro__composer-box textarea{width:100%;border:none;outline:none;resize:none;background:transparent;color:#fafafa;font-size:14px;font-family:inherit;padding:14px 14px 8px;line-height:1.5;min-height:62px;max-height:86px}.dropler-pro__composer-chips{display:none}.dropler-pro__composer-chips .dropler-import-chip{font-size:12px;padding:5px 10px}.dropler-pro__composer-actions{display:flex;align-items:center;padding:8px 12px 12px;gap:8px}.dropler-pro__composer-hint{font-size:11px;color:#ffffff59}.dropler-pro__composer-send{width:32px;height:32px;border-radius:50%;border:none;background:#fff;color:#000;font-size:16px;font-weight:700;cursor:pointer}.dropler-pro__composer-send:disabled{opacity:.4;cursor:not-allowed}.dropler-pro__composer-mic{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:transparent;color:#ffffff73;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s,border-color .15s;margin-right:4px}.dropler-pro__composer-mic:hover{background:#ffffff0f;color:#ffffffbf;border-color:#fff3}.dropler-pro__composer-mic--active{background:#ef444426;color:#f87171;border-color:#ef444466;animation:mic-pulse 1.2s ease-in-out infinite}@keyframes mic-pulse{0%,to{box-shadow:0 0 #ef44444d}50%{box-shadow:0 0 0 5px #ef444400}}.dropler-studio-root--light .dropler-pro__composer-mic{border-color:#11182726;color:#11182766}.dropler-studio-root--light .dropler-pro__composer-mic:hover{background:#1118270d;color:#111827b3}.dropler-pro__preview-wrap{flex:1;display:flex;flex-direction:column;min-height:0}.dropler-pro__preview-wrap--code{padding:0}.dropler-pro__preview-wrap--code .dropler-studio-panel{border:none;border-radius:0;height:100%!important}.dropler-pro__preview-toolbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.dropler-pro__device-group{display:flex;gap:4px}.dropler-pro__icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid transparent;background:transparent;color:#ffffff73;font-family:inherit;cursor:pointer}.dropler-pro__icon-btn:hover,.dropler-pro__icon-btn--active{background:#ffffff14;color:#fafafa;border-color:#ffffff1a}.dropler-pro__icon-btn:disabled{opacity:.45;cursor:not-allowed}.dropler-pro__preview-status{display:flex;align-items:center;gap:12px}.dropler-pro__status{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500}.dropler-pro__status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.dropler-pro__status--building{color:#fbbf24}.dropler-pro__status--ready{color:#4ade80}.dropler-pro__preview-device-btn{padding:8px 14px;border-radius:9999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#fafafa;font-size:13px;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center}.dropler-pro__preview-device-btn--active{background:#6366f138;border-color:#6366f18c;color:#c7d2fe}.dropler-pro__preview-toolbar-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dropler-pro__expo-go-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:360px;padding:8px 16px 24px;gap:12px}.dropler-pro__expo-go-qr-wrap{padding:14px;background:#fff;border-radius:16px;box-shadow:0 12px 40px #00000059}.dropler-pro__expo-go-qr{display:block;width:200px;height:200px}.dropler-pro__expo-go-qr-placeholder{width:200px;height:200px;display:flex;align-items:center;justify-content:center;color:#666;font-weight:600}.dropler-pro__expo-go-title{margin:4px 0 0;font-size:18px;font-weight:700;color:#f8fafc}.dropler-pro__expo-go-steps{margin:0;padding:0 0 0 18px;text-align:left;font-size:13px;line-height:1.55;color:#ffffffb8}.dropler-pro__expo-go-steps strong{color:#e2e8f0}.dropler-pro__expo-go-url-row{display:flex;align-items:center;gap:8px;width:100%;max-width:340px;padding:8px 10px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.dropler-pro__expo-go-url{flex:1;font-size:11px;color:#a5b4fc;word-break:break-all;text-align:left}.dropler-pro__expo-go-copy{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:#ffffff14;color:#e2e8f0;cursor:pointer}.dropler-pro__expo-go-copy:hover{background:#ffffff24}.dropler-pro__expo-go-note{margin:0;font-size:12px;color:#ffffff73;line-height:1.45}.dropler-pro__expo-go-sdk-warn{width:100%;max-width:320px;margin:0 0 12px;padding:10px 12px;border-radius:8px;border:1px solid rgba(251,191,36,.35);background:#fbbf241a;font-size:12px;color:#ffffffd9;line-height:1.45;text-align:left}.dropler-pro__expo-go-sdk-warn p{margin:0 0 6px}.dropler-pro__expo-go-sdk-warn p:last-child{margin-bottom:0}.dropler-pro__expo-go-sdk-warn a{color:#fcd34d;text-decoration:underline}.dropler-pro__expo-go-loading,.dropler-pro__expo-go-error{display:flex;flex-direction:column;align-items:center;gap:10px;color:#fffc;font-size:14px}.dropler-pro__expo-go-hint{font-size:12px;color:#ffffff73}.dropler-pro__expo-go-error span{font-size:12px;color:#fca5a5;max-width:300px;word-break:break-word}.dropler-pro__expo-go-retry{margin-top:4px;padding:8px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#6366f140;color:#e0e7ff;font-size:13px;cursor:pointer}.dropler-pro__expo-go-spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.15);border-top-color:#818cf8;border-radius:50%;animation:dropler-spin .8s linear infinite}@keyframes dropler-spin{to{transform:rotate(360deg)}}.dropler-pro__preview-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:transparent;position:relative;min-height:0;overflow:hidden}.dropler-pro__preview-stage>*{position:relative;z-index:1}.dropler-pro__preview-blackhole{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.dropler-pro__preview-vortex{position:absolute;top:48%;left:64%;width:min(60vw,700px);height:min(60vw,700px);transform:translate(-50%,-50%);opacity:.4}.dropler-pro__preview-halo{position:absolute;top:-5%;right:-5%;bottom:-5%;left:-5%;border-radius:50%;background:radial-gradient(circle,rgba(255,100,30,.12) 0%,transparent 65%);animation:bhHaloPulse 5s ease-in-out infinite}.dropler-pro__preview-disk{position:absolute;border-radius:50%;transform-origin:50% 50%;will-change:transform}.dropler-pro__preview-disk--outer{top:0;right:0;bottom:0;left:0;filter:blur(42px);background:conic-gradient(from 0deg,transparent 0deg,rgba(255,130,50,.9) 25deg,rgba(255,50,10,.72) 70deg,transparent 110deg,rgba(255,160,60,.58) 160deg,transparent 210deg,rgba(255,80,20,.78) 260deg,transparent 310deg,rgba(255,120,40,.72) 340deg);animation:bhSpin 14s linear infinite}.dropler-pro__preview-disk--mid{top:10%;right:10%;bottom:10%;left:10%;filter:blur(30px);background:conic-gradient(from 90deg,transparent,rgba(255,200,100,.72) 50deg,transparent 100deg,rgba(255,90,25,.58) 150deg,transparent 200deg,rgba(255,150,50,.7) 280deg,transparent);animation:bhSpin 9s linear infinite reverse}.dropler-pro__preview-disk--inner{top:22%;right:22%;bottom:22%;left:22%;filter:blur(16px);background:conic-gradient(from 200deg,transparent 0deg,rgba(255,180,70,.72) 30deg,rgba(255,60,15,.62) 80deg,transparent 130deg,rgba(255,110,35,.7) 220deg,transparent 300deg);animation:bhSpin 6s linear infinite}.dropler-pro__preview-photon{position:absolute;border-radius:50%;transform-origin:50% 50%;border:2px solid transparent}.dropler-pro__preview-photon--a{top:6%;right:6%;bottom:6%;left:6%;border-top-color:#ff96324d;border-left-color:#ff501433;animation:bhSpin 4s linear infinite}.dropler-pro__preview-photon--b{top:14%;right:14%;bottom:14%;left:14%;border-bottom-color:#ff782842;border-right-color:#ff3c0a29;animation:bhSpin 3s linear infinite reverse}.dropler-pro__preview-core{position:absolute;top:50%;left:50%;width:16%;height:16%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#000 25%,rgba(255,90,20,.42) 50%,transparent 70%);box-shadow:0 0 60px #ff5a1447;z-index:2}.dropler-pro__preview-logo-wrap{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 50%;animation:bhSpin 18s linear infinite;z-index:3}.dropler-pro__preview-logo{position:absolute;top:50%;left:50%;width:44%;height:auto;transform:translate(-50%,-50%);object-fit:contain;mix-blend-mode:screen}.dropler-pro__preview-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;z-index:2}.dropler-pro__preview-empty-glow{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(232,93,44,.2),transparent 70%);filter:blur(24px)}.dropler-pro__preview-empty-mark{position:relative;z-index:1;opacity:.9}.dropler-pro__preview-empty-title{font-size:14px;font-weight:600;color:#ffffffb3;margin:12px 0 0}.dropler-pro__preview-empty-sub{font-size:12px;color:#fff6;max-width:280px;text-align:center;margin:0}.dropler-pro__preview-stage--live{background:#0a0a0c;padding:16px}.dropler-pro__phone-frame--immersive{border-width:6px;border-radius:32px;box-shadow:0 24px 64px #00000073,0 0 0 1px #ffffff0d}.dropler-pro__phone-frame--immersive .dropler-pro__phone-iframe{border-radius:26px;min-height:0;pointer-events:auto;touch-action:manipulation}.dropler-pro__phone-frame{aspect-ratio:9 / 19.5;flex:0 0 auto;display:flex;flex-direction:column;background:#111;border-radius:40px;border:10px solid #1f1f23;box-shadow:0 32px 80px #0000008c,0 0 0 1px #ffffff0f;overflow:hidden;position:relative;transition:width .15s ease}.dropler-pro__phone-frame--desktop{border-radius:12px;border-width:1px;border-color:#ffffff14;box-shadow:0 24px 64px #00000073,0 0 0 1px #ffffff0d}.dropler-pro__phone-frame--desktop.dropler-pro__phone-frame--immersive{border-radius:10px}.dropler-pro__phone-frame--desktop .dropler-pro__phone-iframe{border-radius:8px}.dropler-pro__target-toggle{display:flex;gap:8px;margin-bottom:10px;justify-content:center}.dropler-pro__target-btn{font-size:12px;font-weight:600;padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#ffffffa6;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.dropler-pro__target-btn:hover:not(:disabled){background:#ffffff14;color:#ffffffe6}.dropler-pro__target-btn--active{background:#6366f138;border-color:#818cf88c;color:#e0e7ff}.dropler-pro__target-hint{font-size:11px;color:#ffffff61;text-align:center;line-height:1.45;max-width:520px;margin:-4px auto 10px}.dropler-pro__prompt-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:10px;max-width:720px;margin-left:auto;margin-right:auto}.dropler-pro__prompt-chip{font-size:11px;line-height:1.35;text-align:left;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffffb8;cursor:pointer;max-width:100%;transition:background .15s,border-color .15s}.dropler-pro__prompt-chip:hover:not(:disabled){background:#6366f126;border-color:#818cf859}.dropler-studio-root--light .dropler-pro__prompt-chip{border-color:#1118271a;background:#11182708;color:#111827bf}.dropler-studio-root--light .dropler-pro__target-hint{color:#11182773}.dropler-studio-root--light .dropler-pro__target-btn{border-color:#1118271f;background:#1118270a;color:#111827a6}.dropler-studio-root--light .dropler-pro__target-btn--active{background:#6366f11f;border-color:#6366f173;color:#4338ca}.dropler-studio-root--light .dropler-pro{background:radial-gradient(ellipse 65% 55% at 72% 22%,rgba(180,164,255,.42) 0%,rgba(180,164,255,.08) 44%,transparent 67%),radial-gradient(ellipse 55% 50% at 20% 72%,rgba(232,93,44,.12) 0%,transparent 65%),radial-gradient(ellipse 50% 50% at 10% 25%,rgba(150,130,255,.16) 0%,transparent 60%),#f3f4f6;color:#111827}.dropler-studio-root--light .dropler-pro__topbar{background:linear-gradient(180deg,#fff,#f7f7fc);border-bottom-color:#63668d38}.dropler-studio-root--light .dropler-pro__sidebar{background:#f7f7fbd1;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right-color:#63668d2e}.dropler-studio-root--light .dropler-pro__main{background:transparent}.dropler-studio-root--light .dropler-pro__chat-col{background:#f8f8ffb3;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-right-color:#63668d29}.dropler-studio-root--light .dropler-pro__preview-col{background:transparent}.dropler-studio-root--light .dropler-pro__preview-toolbar{border-bottom-color:#63668d29;background:#ffffff8c}.dropler-studio-root--light .dropler-pro__icon-btn{color:#535a7a}.dropler-studio-root--light .dropler-pro__icon-btn:hover,.dropler-studio-root--light .dropler-pro__icon-btn--active{background:#8470e42e;color:#4338ca;border-color:#8470e44d}.dropler-studio-root--light .dropler-pro__preview-device-btn{border-color:#63668d3d;background:#fff;color:#2f344b}.dropler-studio-root--light .dropler-pro__preview-stage{background:transparent}.dropler-studio-root--light .dropler-pro__preview-vortex{opacity:.28}.dropler-studio-root--light .dropler-pro__phone-frame{background:#fff;border-color:#101014;box-shadow:0 28px 70px #2a335333,0 0 0 1px #6e76aa29}.dropler-studio-root--light .dropler-pro__phone-empty{background:linear-gradient(180deg,#fff,#f5f6ff)}.dropler-studio-root--light .dropler-pro__phone-empty p{color:#434962ad}.dropler-studio-root--light .dropler-pro__project-name,.dropler-studio-root--light .dropler-pro__user-name{color:#111827}.dropler-studio-root--light .dropler-pro__pill,.dropler-studio-root--light .dropler-pro__user-btn,.dropler-studio-root--light .dropler-pro__theme-toggle{background:#fff;border-color:#7d80b96b;color:#2d3148;font-size:11px}.dropler-studio-root--light .dropler-pro__chrome-btn{color:#1f2437}.dropler-studio-root--light .dropler-pro__sidebar-link,.dropler-studio-root--light .dropler-pro__project-item,.dropler-studio-root--light .dropler-pro__nav-item{color:#2f344b;font-size:11px}.dropler-studio-root--light .dropler-pro__sidebar-link:hover,.dropler-studio-root--light .dropler-pro__project-item:hover,.dropler-studio-root--light .dropler-pro__nav-item:hover{background:#1118270f;color:#111827}.dropler-studio-root--light .dropler-pro__nav-item--active{background:#8470e433;color:#4338ca}.dropler-studio-root--light .dropler-pro__chat-composer-fixed,.dropler-studio-root--light .dropler-pro__composer-box{background:#fff;border-color:#1118271f}.dropler-studio-root--light .dropler-pro__composer-box textarea,.dropler-studio-root--light .dropler-pro__composer-hint,.dropler-studio-root--light .dropler-studio-idle__sub{color:#4b5563}.dropler-studio-root--light .dropler-studio-idle__title,.dropler-studio-root--light .dropler-gradient-text{color:#111827}.dropler-studio-root--light .dropler-pro__user-dropdown{background:#fff;border-color:#1118271f;box-shadow:0 12px 40px #0000001a}.dropler-studio-root--light .dropler-pro__user-dropdown button{color:#111827}.dropler-studio-root--light .dropler-pro__user-dropdown button:hover{background:#1118270d}.dropler-studio-root--light .dropler-pro__sidebar-section,.dropler-studio-root--light .dropler-pro__project-list-empty{color:#11182766}.dropler-studio-root--light .dropler-pro__project-item-icon{background:#11182712;color:#374151}.dropler-studio-root--light .dropler-pro__project-item--active{background:#e85d2c1a;color:#111827}.dropler-studio-root--light .dropler-pro__nav{border-top-color:#11182714}.dropler-studio-root--light .dropler-pro__footer{background:#f7f7fb;border-top-color:#1118271a}.dropler-studio-root--light .dropler-pro__footer-toggle{color:#6b7280}.dropler-studio-root--light .dropler-pro__chat-composer-fixed{border-top-color:#11182714}.dropler-studio-root--light .dropler-pro__plan-actions{background:#fff;box-shadow:0 -10px 24px -12px #00000014}.dropler-studio-root--light .dropler-pro__stage{border-color:#11182726;color:#374151;background:#1118270d}.dropler-studio-root--light .dropler-pro__stage--ready{color:#15803d;border-color:#16a34a4d;background:#16a34a14}.dropler-studio-root--light .dropler-pro__stage--building{color:#92400e;border-color:#d977064d;background:#d9770614}.dropler-studio-root--light .dropler-pro__notify{background:#6366f112;border-bottom-color:#6366f126;color:#374151}.dropler-studio-root--light .dropler-pro__notify button{color:#6b7280}.dropler-studio-root--light .dropler-btn--ghost{color:#111827;border-color:#11182726}.dropler-studio-root--light .dropler-btn--ghost:hover{background:#1118270d}.dropler-studio-root--light .dropler-btn--plan{background:#1118270d;border-color:#1118271f;color:#111827}.dropler-studio-root--light .dropler-btn--plan:hover{background:#11182717}.dropler-studio-root--light .md{color:#374151}.dropler-studio-root--light .md__h{color:#111827}.dropler-studio-root--light .md__h3{color:#4338ca}.dropler-studio-root--light .md__h4,.dropler-studio-root--light .md__h5,.dropler-studio-root--light .md__h6{color:#6366f1}.dropler-studio-root--light .md__h2{border-bottom-color:#1118271a}.dropler-studio-root--light .md__code{background:#6366f117;color:#4338ca}.dropler-studio-root--light .md__pre{background:#f1f5f9;border-color:#1118271a}.dropler-studio-root--light .md__pre code{color:#1e293b}.dropler-studio-root--light .md__hr{border-top-color:#1118271a}.dropler-studio-root--light ::-webkit-scrollbar-track{background:transparent}.dropler-studio-root--light ::-webkit-scrollbar-thumb{background:#11182726}.dropler-pro__phone-status{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#000;font-size:11px;font-weight:600;color:#888;flex-shrink:0}.dropler-pro__phone-notch{width:90px;height:22px;background:#1a1a1a;border-radius:12px}.dropler-pro__phone-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;background:linear-gradient(180deg,#1a1a22,#0f0f14);text-align:center}.dropler-pro__phone-empty-logo{width:72px;height:72px;object-fit:contain;opacity:.85;mix-blend-mode:screen}.dropler-pro__phone-empty p{font-size:13px;color:#ffffff73;line-height:1.55;max-width:220px;margin:0}.dropler-pro__chat-workflow{flex:1;overflow-y:auto;padding:18px 16px 16px;display:flex;flex-direction:column;gap:16px;min-height:0}.dropler-pro__chat-workflow .dropler-studio-idle{min-height:auto;padding:0}.dropler-pro__chat-composer-fixed{flex-shrink:0;padding:12px 16px 16px;border-top:1px solid rgba(255,255,255,.06);background:#0a0a10d1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:relative;z-index:4}.dropler-pro__plan-actions{display:flex;gap:12px;background:#16161d;box-shadow:0 -10px 24px -12px #000000b3}.dropler-pro__plan-actions .dropler-btn{flex:1}.dropler-pro__plan-actions .dropler-btn--ghost{flex:0 0 auto}.md{color:#cbd5e1;font-size:13px;line-height:1.7}.md>*:first-child{margin-top:0}.md>*:last-child{margin-bottom:0}.md__h{color:#f1f5f9;font-weight:700;line-height:1.3;margin:18px 0 8px}.md__h1{font-size:20px}.md__h2{font-size:17px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:6px}.md__h3{font-size:15px;color:#c7d2fe}.md__h4,.md__h5,.md__h6{font-size:12px;color:#a5b4fc;text-transform:uppercase;letter-spacing:.04em}.md__p{margin:8px 0}.md__ul,.md__ol{margin:8px 0;padding-left:1.4rem}.md__ul li,.md__ol li{margin-bottom:5px}.md__code{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:12px;background:#818cf824;color:#c7d2fe;padding:1px 6px;border-radius:5px}.md__pre{margin:10px 0;padding:12px 14px;background:#0a0a0f;border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow-x:auto}.md__pre code{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:12px;color:#e2e8f0;line-height:1.6;white-space:pre;background:none;padding:0}.md__hr{border:none;border-top:1px solid rgba(255,255,255,.1);margin:16px 0}.dropler-pro__submit-status{margin-top:8px;display:inline-flex;flex-direction:column;gap:4px;border:1px solid rgba(251,191,36,.3);background:#78350f38;color:#fcd34d;border-radius:10px;padding:8px 10px;font-size:12px;max-width:min(100%,520px)}.dropler-pro__submit-status span{color:#ffffffb3;word-break:break-word}.dropler-pro__phone-iframe{flex:1;width:100%;border:none;background:#000}.dropler-pro__phone-home{height:20px;background:#000;flex-shrink:0}.dropler-pro__phone-home:after{content:"";display:block;width:100px;height:4px;margin:8px auto 0;background:#333;border-radius:2px}.dropler-pro__phone-overlay{position:absolute;top:40px;right:0;bottom:20px;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:600}.dropler-all-projects{flex:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto;padding:36px 48px;background:#0c0c0f}.dropler-all-projects__header{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.dropler-all-projects__title{font-size:22px;font-weight:700;color:#f0eeff;margin:0;letter-spacing:-.3px}.dropler-all-projects__search-wrap{display:flex;align-items:center;gap:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:0 14px;max-width:480px;color:#ffffff59}.dropler-all-projects__search{flex:1;background:transparent;border:none;outline:none;color:#f0eeff;font-size:14px;font-family:inherit;padding:10px 0}.dropler-all-projects__search::placeholder{color:#ffffff4d}.dropler-all-projects__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;align-content:start}.dropler-all-projects__empty{grid-column:1 / -1;color:#ffffff59;font-size:14px;padding:24px 0}.dropler-all-projects__card{display:flex;flex-direction:column;gap:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:18px;transition:border-color .15s,background .15s}.dropler-all-projects__card:hover{border-color:#624fbd80;background:#624fbd0f}.dropler-all-projects__card--active{border-color:#624fbdb3;background:#624fbd1a}.dropler-all-projects__card-top{display:flex;align-items:flex-start;gap:12px}.dropler-all-projects__card-avatar{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#624fbd,#4a3a9a);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0;letter-spacing:.5px}.dropler-all-projects__card-info{flex:1;min-width:0}.dropler-all-projects__card-name{font-size:14px;font-weight:600;color:#f0eeff;line-height:1.3;margin-bottom:4px}.dropler-all-projects__card-desc{font-size:12px;color:#ffffff73;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dropler-all-projects__card-time{font-size:11px;color:#ffffff4d;margin-top:-4px}.dropler-all-projects__card-btn{width:100%;padding:9px 0;background:#624fbdd9;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .12s}.dropler-all-projects__card-btn:hover{background:#624fbd}.dropler-studio-root--light .dropler-all-projects{background:#f6f7fb}.dropler-studio-root--light .dropler-all-projects__title{color:#111827}.dropler-studio-root--light .dropler-all-projects__search-wrap{background:#fff;border-color:#1118271f;color:#11182766}.dropler-studio-root--light .dropler-all-projects__search{color:#111827}.dropler-studio-root--light .dropler-all-projects__search::placeholder{color:#11182759}.dropler-studio-root--light .dropler-all-projects__empty{color:#11182773}.dropler-studio-root--light .dropler-all-projects__card{background:#fff;border-color:#1118271a}.dropler-studio-root--light .dropler-all-projects__card:hover{border-color:#624fbd66;background:#624fbd0a}.dropler-studio-root--light .dropler-all-projects__card--active{border-color:#624fbd99;background:#624fbd12}.dropler-studio-root--light .dropler-all-projects__card-name{color:#111827}.dropler-studio-root--light .dropler-all-projects__card-desc{color:#11182780}.dropler-studio-root--light .dropler-all-projects__card-time{color:#11182759}.dropler-pro__footer{flex-shrink:0;border-top:1px solid rgba(255,255,255,.06);background:#101014}.dropler-pro__footer-toggle{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;border:none;background:transparent;color:#ffffff73;font-size:12px;font-family:inherit;cursor:pointer}.dropler-pro__footer-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:10px}.dropler-pro__footer-bar .dropler-pro__footer-toggle{width:auto;justify-content:flex-start;padding:8px 12px}.dropler-pro__footer-actions{display:flex;align-items:center;gap:8px}.dropler-pro__devtool-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#ffffff0a;color:#ffffffc7;font-size:12px;font-family:inherit;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.dropler-pro__devtool-btn:hover:not(:disabled){background:#ffffff17;border-color:#fff3}.dropler-pro__devtool-btn:disabled{opacity:.5;cursor:default}.dropler-pro__devtool-btn--fix{border-color:#6366f18c;background:#6366f12e;color:#c7d2fe;font-weight:600}.dropler-pro__devtool-btn--fix:hover:not(:disabled){background:#6366f14d;border-color:#6366f1cc}.dropler-studio-root--light .dropler-pro__devtool-btn{border-color:#11182724;background:#fff;color:#374151}.dropler-pro__footer-body{max-height:280px;overflow-y:auto;padding:8px}@media (max-width: 1200px){.dropler-pro__sidebar{width:96px}.dropler-pro__chat-col{width:min(350px,40vw);min-width:280px}.dropler-pro__topbar-actions{gap:6px}}@media (max-width: 1024px){.dropler-pro__topbar{padding:0 10px}.dropler-pro__project-name{font-size:16px;max-width:160px}.dropler-pro__pill{padding:6px 10px;font-size:11px}.dropler-pro__theme-toggle{padding:5px 7px}.dropler-pro__sidebar{width:84px}.dropler-pro__sidebar-link,.dropler-pro__project-item-label,.dropler-pro__nav-item,.dropler-pro__sidebar-section{font-size:0}.dropler-pro__sidebar-link svg,.dropler-pro__nav-item svg{margin:0 auto}.dropler-pro__new-project{font-size:0;padding:10px}.dropler-pro__project-list{display:none}.dropler-pro__chat-col{width:min(320px,42vw);min-width:260px}.dropler-pro__preview-toolbar{padding:8px 10px}.dropler-pro__phone-frame--tablet{width:min(520px,82vw)}.dropler-pro__phone-frame--desktop,.dropler-pro__phone-frame--full{width:min(760px,88vw)}}.dropler-pro__sidebar-backdrop{display:none}@media (max-width: 900px){.dropler-pro__sidebar{position:fixed;top:56px;left:0;bottom:0;width:min(260px,78vw);z-index:60;transform:translate(-100%);transition:transform .22s ease;box-shadow:12px 0 32px #00000073}.dropler-pro__sidebar--collapsed{width:min(260px,78vw);transform:translate(-100%)}.dropler-pro__sidebar--mobile-open,.dropler-pro__sidebar--collapsed.dropler-pro__sidebar--mobile-open{transform:translate(0)}.dropler-pro__sidebar--mobile-open .dropler-pro__sidebar-link,.dropler-pro__sidebar--mobile-open .dropler-pro__project-item-label,.dropler-pro__sidebar--mobile-open .dropler-pro__sidebar-section,.dropler-pro__sidebar--mobile-open .dropler-pro__new-project{font-size:revert}.dropler-pro__sidebar--mobile-open .dropler-pro__project-list{display:flex}.dropler-pro__sidebar-resize-handle{display:none}.dropler-pro__sidebar-backdrop{display:block;position:fixed;top:56px;right:0;bottom:0;left:0;background:#00000080;z-index:55;opacity:0;pointer-events:none;transition:opacity .22s ease}.dropler-pro__sidebar-backdrop--visible{opacity:1;pointer-events:auto}.dropler-pro__body{position:relative}}@media (max-width: 820px){.dropler-pro__topbar{height:auto;min-height:54px;padding:8px;gap:8px;align-items:flex-start;flex-direction:column}.dropler-pro__brand,.dropler-pro__topbar-actions{width:100%}.dropler-pro__topbar-actions{overflow-x:auto;padding-bottom:2px}.dropler-pro__body{flex-direction:column}.dropler-pro__sidebar:not(.dropler-pro__sidebar--mobile-open){display:none}.dropler-pro__workspace{flex-direction:column}.dropler-pro__chat-col{width:100%;min-width:0;max-height:52vh;border-right:none;border-bottom:1px solid rgba(255,255,255,.06)}.dropler-pro__preview-col{min-height:46vh}}@media (max-width: 640px){.dropler-pro__project-name{font-size:14px;max-width:90px}.dropler-pro__topbar-actions{gap:5px}.dropler-pro__pill,.dropler-pro__theme-toggle,.dropler-pro__user-btn{padding:5px 8px;font-size:10px}.dropler-pro__nav-item{min-width:78px;font-size:11px;padding:7px 8px}.dropler-studio-idle__title{font-size:clamp(24px,8vw,30px);line-height:1.15}.dropler-studio-idle__sub{font-size:13px}.dropler-pro__notify{font-size:12px;padding:8px 10px}.dropler-pro__chat-workflow{padding:12px 10px 10px}.dropler-pro__chat-composer-fixed{padding:8px 10px 10px}.dropler-pro__composer-box textarea{font-size:13px;min-height:54px;max-height:72px;padding:10px 10px 6px}.dropler-pro__composer-actions{padding:6px 8px 8px}.dropler-pro__preview-toolbar{flex-wrap:wrap;gap:8px}.dropler-pro__preview-status{width:100%;justify-content:space-between}.dropler-pro__preview-stage{padding:12px}.dropler-pro__preview-device-btn{padding:6px 10px;font-size:11px}.dropler-pro__phone-frame--phone{width:min(270px,86vw)}}@media (max-width: 480px){.dropler-pro__topbar{padding:6px}.dropler-pro__brand{gap:6px}.dropler-pro__project-name{display:none}.dropler-pro__notify{padding:7px 8px;font-size:11px}.dropler-pro__chat-col{max-height:58vh}.dropler-pro__preview-col{min-height:42vh}}.dropler-agent-feed--planning{margin-top:16px}.dropler-agent-feed{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 16px}.dropler-agent-feed__title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffff73;margin-bottom:12px}.dropler-agent-feed__row{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.dropler-agent-feed__row:last-child{border-bottom:none}.dropler-agent-feed__meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}.dropler-agent-feed__agent{font-size:13px;font-weight:700;color:#f4f4f5}.dropler-agent-feed__time{font-size:11px;color:#ffffff59}.dropler-agent-feed__skills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.dropler-agent-feed__skill{font-size:10px;padding:2px 8px;border-radius:999px;background:#f973161f;color:#fb923c;border:1px solid rgba(249,115,22,.25)}.dropler-agent-feed__msg{font-size:13px;line-height:1.55;color:#ffffffa6;margin:0}.dropler-artifacts{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.dropler-artifacts__block{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden}.dropler-artifacts__summary{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.dropler-artifacts__summary::-webkit-details-marker{display:none}.dropler-artifacts__summary strong{display:block;font-size:13px;color:#ffffffeb}.dropler-artifacts__summary small{display:block;font-size:11px;color:#ffffff73;margin-top:2px}.dropler-artifacts__icon{font-size:18px;line-height:1}.dropler-artifacts__body{padding:0 14px 14px;border-top:1px solid rgba(255,255,255,.06)}.dropler-artifacts__body .product-plan{margin-top:12px}.dropler-artifacts__note{font-size:12px;color:#fbbf24e6;background:#fbbf2414;border:1px solid rgba(251,191,36,.2);border-radius:8px;padding:8px 10px;margin:12px 0 8px;line-height:1.45}.dropler-artifacts__ai-image{margin:12px 0}.dropler-workflow{background:#ffffff06;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px 16px;margin-bottom:12px}.dropler-workflow__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06)}.dropler-workflow__label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffff73}.dropler-workflow__count{font-size:11px;color:#ffffff4d}.dropler-workflow__track{display:flex;flex-direction:column;gap:10px;max-height:min(420px,50vh);overflow-y:auto;padding-right:4px}.dropler-workflow--compact .dropler-workflow__track{max-height:280px}.dropler-workflow__milestone{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:linear-gradient(135deg,#f9731614,#6366f10f);border:1px solid rgba(249,115,22,.15)}.dropler-workflow__icon{font-size:18px;line-height:1;flex-shrink:0}.dropler-workflow__title{font-size:13px;font-weight:700;color:#fafafa}.dropler-workflow__detail{font-size:12px;color:#ffffff8c;margin-top:3px;line-height:1.45}.dropler-workflow__time{font-size:10px;color:#ffffff52;margin-top:4px}.dropler-workflow__msg{display:flex}.dropler-workflow__msg--user{justify-content:flex-end}.dropler-workflow__agent{padding:8px 10px;border-left:2px solid rgba(99,102,241,.45);background:#ffffff05;border-radius:0 8px 8px 0}.dropler-workflow__agent-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:4px}.dropler-workflow__agent-name{font-size:12px;font-weight:700;color:#e0e7ff}.dropler-workflow__phase{font-size:10px;padding:2px 7px;border-radius:999px;background:#6366f126;color:#a5b4fc;text-transform:uppercase;letter-spacing:.04em}.dropler-workflow__agent-msg{font-size:12px;line-height:1.5;color:#ffffffc7;margin:0}.dropler-workflow__agent-msg--thought{font-style:italic;opacity:.9}.dropler-workflow__phase-break{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dropler-muted, #888);margin:12px 0 6px;padding-left:4px;border-left:2px solid var(--dropler-accent, #833AB4)}.dropler-mockup{display:flex;flex-direction:column;gap:16px;padding:4px 0 24px}.dropler-mockup--loading{align-items:center;justify-content:center;min-height:200px;color:#ffffff80}.dropler-mockup__spinner{width:28px;height:28px;border:2px solid rgba(255,255,255,.1);border-top-color:#f97316;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}.dropler-mockup__badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fb923c;margin-bottom:8px}.dropler-mockup__title{font-size:22px;font-weight:800;margin:0 0 6px;color:#f4f4f5}.dropler-mockup__sub{font-size:14px;color:#ffffff8c;margin:0;line-height:1.5}.dropler-mockup__ai-image{margin-bottom:20px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#00000040}.dropler-mockup__ai-img{display:block;width:100%;max-height:420px;object-fit:contain;background:#0a0a0a}.dropler-studio-root--light .dropler-mockup__ai-image{border-color:#0000001a;background:#f3f4f6}.dropler-studio-root--light .dropler-mockup__ai-img{background:#fff}.dropler-mockup__web-sections{margin:16px 0;padding:14px 16px;border-radius:12px;border:1px solid rgba(99,102,241,.25);background:#6366f10f}.dropler-mockup__web-section-list{margin:10px 0 0;padding-left:1.2rem;display:flex;flex-direction:column;gap:10px;font-size:13px;color:#ffffffbf}.dropler-mockup__web-section-list li{display:flex;flex-direction:column;gap:2px}.dropler-mockup__web-section-list strong{color:#a5b4fc;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.dropler-mockup__web-section-list em{font-size:11px;color:#ffffff73;font-style:normal}.dropler-mockup__3d-badge{display:inline-block;align-self:flex-start;margin:2px 0;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#c4b5fd;background:#8b5cf633;border:1px solid rgba(139,92,246,.35)}.dropler-mockup__web-pages{margin:12px 0 16px;padding:14px 16px;border-radius:12px;border:1px solid rgba(139,92,246,.25);background:#8b5cf60f}.dropler-mockup__web-page-list{margin:10px 0 0;padding-left:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}.dropler-mockup__web-page-list li{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;font-size:12px}.dropler-mockup__web-page-list strong{color:#a5b4fc;font-family:ui-monospace,monospace;font-size:11px}.dm-canvas--web{min-height:0}.dropler-mockup__web-sources{margin:12px 0 16px;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff05}.dropler-mockup__web-source-list{margin:8px 0 0;padding-left:1.1rem;font-size:12px;display:flex;flex-direction:column;gap:4px}.dropler-mockup__web-source-list a{color:#93c5fd;text-decoration:none}.dropler-mockup__web-source-list a:hover{text-decoration:underline}.dropler-mockup__section{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 16px}.dropler-mockup__section--muted{opacity:.9}.dropler-mockup__section h3{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#ffffff73;margin:0 0 10px}.dropler-mockup__section p{font-size:13px;line-height:1.6;color:#ffffffbf;margin:0}.dropler-mockup__swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.dropler-mockup__swatch{display:flex;flex-direction:column;gap:4px}.dropler-mockup__swatch-chip{height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.12)}.dropler-mockup__swatch-label{font-size:11px;text-transform:capitalize;color:#fff9}.dropler-mockup__swatch-hex{font-size:10px;font-family:ui-monospace,monospace;color:#ffffff59}.dropler-mockup__nav-chips{display:flex;flex-wrap:wrap;gap:8px}.dropler-mockup__nav-chip{font-size:12px;padding:6px 12px;border-radius:999px;background:#f973161f;color:#fdba74;border:1px solid rgba(249,115,22,.25)}.dropler-mockup__screen-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.dropler-mockup__screen-tab{font-size:12px;padding:6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#fff9;cursor:pointer}.dropler-mockup__screen-tab--active{background:#f9731626;border-color:#f9731666;color:#fdba74}.dropler-mockup__screen-card{background:#0003;border-radius:10px;padding:12px}.dropler-mockup__route{font-size:11px;font-family:ui-monospace,monospace;color:#fff6}.dropler-mockup__visual-spec{font-size:13px;line-height:1.65;color:#fffc;margin:10px 0 0}.dropler-mockup__components{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.dropler-mockup__component-chip{font-size:10px;padding:3px 8px;border-radius:6px;background:#ffffff0f;color:#ffffff8c}.dropler-mockup__interactions{margin:10px 0 0;padding-left:18px;font-size:12px;color:#ffffff8c}.dropler-mockup__feedback label{display:block;font-size:12px;color:#ffffff73;margin-bottom:8px}.dropler-mockup__feedback textarea{width:100%;box-sizing:border-box;padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#00000040;color:#f4f4f5;font-size:13px;resize:vertical;font-family:inherit}.dropler-mockup__feedback textarea:focus{outline:none;border-color:#f9731680}.dropler-mockup__actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:4px}.dropler-mockup-preview{display:flex;flex-direction:column;align-items:center;height:100%;padding:24px 16px;box-sizing:border-box}.dropler-mockup-preview--empty{justify-content:center;color:#fff6;font-size:13px}.dropler-mockup-preview__label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fff6;margin-bottom:16px;align-self:flex-start}.dropler-mockup-preview__phone{width:min(280px,100%);border-radius:28px;border:3px solid rgba(255,255,255,.12);padding:12px 12px 0;min-height:420px;display:flex;flex-direction:column;box-shadow:0 24px 48px #00000073}.dropler-mockup-preview__status{width:80px;height:4px;background:#ffffff26;border-radius:2px;margin:0 auto 12px}.dropler-mockup-preview__header{padding:0 8px 12px}.dropler-mockup-preview__greeting{font-size:14px;font-weight:700}.dropler-mockup-preview__hero{margin:0 8px 16px;padding:20px;border-radius:16px;border:1px solid;display:flex;flex-direction:column;align-items:center;gap:10px}.dropler-mockup-preview__ring{width:72px;height:72px;border-radius:50%;border:4px solid;border-right-color:transparent}.dropler-mockup-preview__screen-title{font-size:12px;margin:0;opacity:.8}.dropler-mockup-preview__cards{flex:1;padding:0 8px;display:flex;flex-direction:column;gap:8px}.dropler-mockup-preview__card{height:48px;border-radius:10px}.dropler-mockup-preview__tabs{display:flex;justify-content:space-around;padding:10px 4px 14px;border-radius:0 0 24px 24px;margin-top:auto}.dropler-mockup-preview__tab{font-size:9px;opacity:.5}.dropler-mockup-preview__tab--active{opacity:1;font-weight:700}.dropler-mockup-preview__hint{font-size:11px;color:#ffffff59;margin-top:16px;text-align:center;max-width:260px}.dm-canvas{border-radius:22px;padding:28px 24px 40px;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(99,102,241,.14) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 90% 90%,rgba(16,185,129,.07) 0%,transparent 60%),#080a12;border:1px solid rgba(255,255,255,.07);box-shadow:0 0 0 1px #6366f10f inset}[data-theme=light] .dm-canvas,.light .dm-canvas{background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(99,102,241,.07) 0%,transparent 70%),#eef0f9;border-color:#0f172a14;box-shadow:none}.dm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;justify-items:center}.dm-grid--hifi{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:32px}.dm-canvas--hifi{padding:36px 28px 48px}.dm-ai-mockup{margin:0 0 20px;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#00000059}.dm-ai-mockup__label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#818cf8;padding:10px 14px 0}.dm-ai-mockup__img{display:block;width:100%;height:auto;max-height:min(70vh,720px);object-fit:contain}.dm-wireframe-details{margin-bottom:16px;color:#94a3b8;font-size:13px}.dm-wireframe-details summary{cursor:pointer;font-weight:600;margin-bottom:10px}.dm-grid--compact{grid-template-columns:repeat(2,minmax(120px,1fr));gap:10px}.dm-grid--compact.dm-grid--hifi{grid-template-columns:repeat(2,minmax(160px,1fr))}.dm-phone{position:relative;width:100%;max-width:200px;aspect-ratio:9 / 19.2;border-radius:34px;border:1.5px solid;padding:28px 13px 10px;display:flex;flex-direction:column;gap:8px;overflow:hidden;box-shadow:0 32px 64px -24px #000000d9,0 8px 24px -8px #00000080,inset 0 0 0 3px #0000004d,inset 0 1px #ffffff1a}.dm-phone--hi{max-width:255px;padding:30px 14px 8px;gap:0}.dm-phone__scroll{flex:1;display:flex;flex-direction:column;gap:8px;overflow:hidden;min-height:0;padding-bottom:4px}.dm-grid--compact .dm-phone{max-width:140px;padding:22px 9px 6px;gap:6px}.dm-grid--hifi .dm-phone--hi{max-width:255px}.dm-grid--compact.dm-grid--hifi .dm-phone--hi{max-width:185px}.dm-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.dm-hd--center{justify-content:center;align-items:center;gap:12px}.dm-hd__greet{font-size:9px;font-weight:600}.dm-hd__date{font-size:13px;font-weight:800;line-height:1.2}.dm-ring-card{border-radius:16px;padding:14px 8px;display:flex;justify-content:center}.dm-ring{width:86px;height:86px;border-radius:50%;display:flex;align-items:center;justify-content:center}.dm-ring__inner{width:64px;height:64px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;text-align:center}.dm-ring__nums{font-size:9px;line-height:1.1}.dm-ring__nums strong{font-size:11px}.dm-ring__lbl{font-size:6px;text-transform:uppercase;letter-spacing:.04em}.dm-ring__pct{font-size:8px;font-weight:800}.dm-stat__n{font-size:12px;font-weight:800;line-height:1}.dm-stat__l{font-size:6px;text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.dm-stats--compact .dm-stat{padding:5px 3px}.dm-cta{display:flex;align-items:center;justify-content:center;gap:5px;border:none;border-radius:12px;font-size:10px;font-weight:700;padding:9px 10px;cursor:default;width:100%}.dm-cta--sticky{margin-top:auto}.dm-section-lbl{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.dm-row{display:flex;align-items:center;gap:8px;border-radius:11px;padding:8px 9px}.dm-row__ico{width:24px;height:24px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dm-row__text{flex:1;min-width:0;line-height:1.2}.dm-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.dm-chip{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 6px;border-radius:11px;border:1px solid;font-size:6px;font-weight:600;min-width:38px}.dm-field{border-radius:11px;padding:8px 10px;display:flex;flex-direction:column;gap:4px}.dm-field label{font-size:7px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.dm-field--notes{min-height:30px}.dm-seg{display:flex;border-radius:8px;overflow:hidden;font-size:8px;font-weight:700}.dm-seg span{flex:1;text-align:center;padding:5px 2px}.dm-chart-card{border-radius:14px;padding:10px}.dm-bars{display:flex;align-items:flex-end;justify-content:space-between;gap:4px;height:64px;margin-top:8px}.dm-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;height:100%;justify-content:flex-end}.dm-bar{width:100%;border-radius:6px 6px 2px 2px;min-height:8px}.dm-bar-wrap small{font-size:6px}.dm-streak{display:flex;align-items:center;gap:10px;border-radius:13px;padding:11px 13px;margin-top:2px}.dm-search{display:flex;align-items:center;gap:6px;border-radius:11px;padding:9px 11px;font-size:8px}.dm-banner{border-radius:14px;min-height:52px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700}.dm-phone__notch{position:absolute;top:9px;left:50%;transform:translate(-50%);width:56px;height:15px;border-radius:10px;background:inherit;box-shadow:inset 0 0 0 1.5px #ffffff0f}.dm-phone__status{display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:700;padding:0 3px}.dm-phone__status-icons{display:inline-flex;gap:3px;align-items:center}.dm-phone__status-icons i{width:9px;height:8px;border-radius:2px;display:inline-block}.dm-phone__header{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.dm-phone__eyebrow{font-size:7px;text-transform:uppercase;letter-spacing:.08em}.dm-phone__title{font-size:12px;font-weight:800;line-height:1.1}.dm-phone__avatar{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.dm-phone__hero{border-radius:12px;padding:10px;display:flex;align-items:center;justify-content:center;min-height:64px}.dm-phone__ring{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center}.dm-phone__ring-core{width:42px;height:42px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.dm-phone__ring-core strong{font-size:12px}.dm-phone__ring-core span{font-size:6px;text-transform:uppercase;letter-spacing:.05em}.dm-phone__hero--chart{align-items:flex-end;gap:4px;padding:10px 8px}.dm-phone__hero--chart span{flex:1;border-radius:3px 3px 0 0;min-height:6px}.dm-phone__banner{border-radius:12px;min-height:56px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;text-align:center;padding:6px}.dm-phone__stats{display:flex;gap:6px}.dm-phone__stat{flex:1;border-radius:9px;padding:6px 4px;text-align:center}.dm-phone__stat-num{font-size:12px;font-weight:800;line-height:1}.dm-phone__stat-label{font-size:6px;text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.dm-phone__cta{border-radius:10px;text-align:center;font-size:9px;font-weight:700;padding:7px 6px;text-transform:capitalize}.dm-phone__list{display:flex;flex-direction:column;gap:6px;flex:1;overflow:hidden}.dm-phone__row{display:flex;align-items:center;gap:6px;border-radius:9px;padding:6px}.dm-phone__row-icon{width:18px;height:18px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dm-phone__row-lines{flex:1;display:flex;flex-direction:column;gap:3px}.dm-phone__row-lines i{height:4px;border-radius:2px;display:block}.dm-phone__row-lines i:first-child{width:75%}.dm-phone__row-lines i:last-child{width:45%}.dm-phone__row-val{font-size:8px}.dm-phone__tabs{display:flex;justify-content:space-around;align-items:center;border-top:1px solid;border-radius:0 0 28px 28px;padding:8px 2px 6px;margin:6px -13px 0}.dm-phone__tab{display:flex;flex-direction:column;align-items:center;gap:2px}.dm-phone__tab small{font-size:7px}.dm-phone__caption{position:absolute;bottom:-20px;left:0;right:0;text-align:center;font-size:10px;font-weight:600;letter-spacing:.01em}.dm-grid{padding-bottom:24px}.dm-specs-toggle{align-self:flex-start;background:none;border:none;cursor:pointer;font-size:12px;font-weight:600;color:#818cf8;padding:4px 0}.dm-specs{display:flex;flex-direction:column;gap:14px}.dropler-mockup__screen-bullets{margin:0 0 10px;padding-left:1.1rem;font-size:12px;color:#94a3b8;line-height:1.5}.dropler-mockup__screen-bullets--ix{color:#818cf8}.product-plan{display:flex;flex-direction:column;gap:20px;padding:4px 2px}.product-plan__warn{color:#fbbf24;font-weight:600;text-transform:none;letter-spacing:0}.product-plan__badge{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#818cf8}.product-plan__name{font-size:1.5rem;font-weight:800;margin:0;line-height:1.2}.product-plan__overview-dl{margin:0;display:flex;flex-direction:column;gap:12px}.product-plan__overview-dl dt{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:4px}.product-plan__overview-dl dd{margin:0;color:#cbd5e1;line-height:1.65;font-size:14px}.product-plan__entity--derived h4{color:#94a3b8;font-size:13px;font-weight:700;margin:12px 0 6px}.product-plan__audience{margin:0;color:#cbd5e1;line-height:1.65;font-size:14px}.product-plan__section-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin:0 0 10px}.product-plan__screens{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.product-plan__screen-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:6px}.product-plan__screen-num{font-weight:800;color:#818cf8}.product-plan__screen-title{font-weight:700;font-size:15px}.product-plan__route{font-size:11px;padding:2px 8px;border-radius:6px;background:#ffffff0f;color:#94a3b8}.product-plan__bullets{margin:0;padding-left:1.25rem;color:#e2e8f0;font-size:13px;line-height:1.55}.product-plan__bullets li{margin-bottom:4px}.product-plan__features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.product-plan__features p{margin:4px 0 0;color:#94a3b8;font-size:13px;line-height:1.55}.product-plan__prio{margin-left:8px;font-size:10px;padding:2px 8px;border-radius:8px;font-weight:700}.product-plan__prio--must_have{background:#1e3a5f;color:#93c5fd}.product-plan__prio--nice_to_have{background:#2d2015;color:#fbbf24}.product-plan__colors{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.product-plan__color{display:flex;align-items:center;gap:10px;min-width:140px}.product-plan__chip{width:36px;height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.12);flex-shrink:0}.product-plan__color-role{font-size:12px;font-weight:600}.product-plan__color-hex{font-size:11px;color:#64748b;font-family:ui-monospace,monospace}.product-plan__entity{margin-top:10px;padding:10px 12px;border-radius:8px;background:#0003;border:1px solid rgba(255,255,255,.06)}.product-plan__entity h4{margin:0 0 8px;font-size:14px}.product-plan__entity ul{margin:0;padding-left:1rem;font-size:12px;color:#cbd5e1}.product-plan__type{margin-left:6px;color:#818cf8;font-size:11px}.product-plan__field-desc{color:#64748b}.product-plan__data-summary{margin:0 0 10px;color:#94a3b8;font-size:13px}.product-plan__integrations{margin:0;padding-left:1.25rem;font-size:13px;color:#cbd5e1;line-height:1.6}.product-plan__tech{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:#64748b}.product-plan__tech span{padding:4px 10px;border-radius:6px;background:#ffffff0a}.product-plan__actions{display:flex;flex-wrap:wrap;gap:12px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08);position:sticky;bottom:0;background:transparent}.dropler-pro__icon-rail{width:52px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-right:1px solid rgba(255,255,255,.06);background:#00000047}.dropler-pro__rail-btn{width:40px;height:40px;border-radius:10px;border:1px solid transparent;background:transparent;color:#ffffff73;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.dropler-pro__rail-btn:hover{background:#ffffff0f;color:#ffffffd9}.dropler-pro__rail-btn--active{background:#60a5fa24;border-color:#60a5fa59;color:#93c5fd}.dropler-pro__rail-divider{width:24px;height:1px;background:#ffffff14;margin:6px 0}.dropler-pro__workspace-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;height:42px;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.06);background:#0003}.dropler-pro__view-tabs{display:flex;align-items:center;gap:2px;padding:3px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.dropler-pro__view-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:none;background:transparent;color:#ffffff80;font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .15s,color .15s}.dropler-pro__view-tab:hover{color:#fffc}.dropler-pro__view-tab--active{background:#ffffff1a;color:#fafafa;box-shadow:0 1px 3px #00000040}.dropler-pro__workspace-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:#fff6}.dropler-pro__workspace-stack{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.dropler-pro__stage{display:inline-flex!important}.dropler-category-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}.dropler-category-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffffd1;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s,transform .12s}.dropler-category-chip:hover{border-color:#e85d2c73;background:#e85d2c1a;transform:translateY(-1px)}.dropler-category-chip__emoji{font-size:15px;line-height:1}.dropler-studio-idle__badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;border:1px solid rgba(96,165,250,.3);background:#60a5fa1a;color:#93c5fd;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.dropler-studio-idle__flow{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px}.dropler-studio-idle__flow-step{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#ffffffa6;font-size:11px}.dropler-studio-idle__flow-num{width:16px;height:16px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#e85d2c38;color:#ffb088;font-weight:700;font-size:10px}.dropler-pro__composer-model{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff9;font-size:11px;font-weight:500}.dropler-pro__composer-model-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px #4ade8099}.dropler-pro__preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;border-bottom:1px solid rgba(255,255,255,.06);background:#00000040;flex-shrink:0}.dropler-pro__preview-toolbar-title{font-size:12px;font-weight:600;color:#ffffffb3;display:flex;align-items:center;gap:8px}.dropler-pro__preview-toolbar-actions{display:flex;align-items:center;gap:6px}.dropler-pro__preview-tool-btn{padding:5px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffffb3;font-size:11px;font-weight:500;cursor:pointer;font-family:inherit}.dropler-pro__preview-tool-btn:hover{background:#ffffff14;color:#fafafa}.dropler-pro__preview-tool-btn--live{border-color:#4ade8059;color:#86efac}.agc-stream-cursor{display:inline-block;width:2px;height:1.1em;margin-left:2px;vertical-align:text-bottom;background:var(--agc-accent, #E85D2C);animation:agc-cursor-blink 1s step-end infinite}@keyframes agc-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.agc__welcome-chips--row{flex-direction:row;flex-wrap:wrap;justify-content:center}.agc__welcome-chips--row button{flex:0 1 auto;text-align:center;padding:8px 14px;border-radius:999px;font-size:12px}.agc__welcome h2{font-size:22px;letter-spacing:-.02em}.agc__welcome-badge{display:inline-block;margin-bottom:12px;padding:4px 10px;border-radius:999px;border:1px solid rgba(96,165,250,.3);background:#60a5fa1a;color:#93c5fd;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.agc-composer__quick{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 8px}.agc-composer__quick-btn{padding:5px 10px;border-radius:999px;border:1px solid var(--agc-border);background:var(--agc-panel);color:var(--agc-muted);font-size:11px;cursor:pointer;font-family:inherit;transition:border-color .15s,color .15s}.agc-composer__quick-btn:hover{border-color:var(--agc-border-2);color:var(--agc-text)}.dropler-hero__model-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;font-size:12px;color:#ffffff73}.dropler-hero__model-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#ffffffbf;font-size:12px;font-weight:500}.dropler-hero__model-pill-dot{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#60a5fa,#a78bfa)}.dropler-studio-root--light .dropler-pro__icon-rail{background:#fff9;border-color:#00000014}.dropler-studio-root--light .dropler-pro__rail-btn{color:#00000073}.dropler-studio-root--light .dropler-pro__rail-btn:hover{background:#0000000d;color:#000c}.dropler-studio-root--light .dropler-pro__rail-btn--active{background:#3b82f61f;border-color:#3b82f64d;color:#2563eb}.dropler-studio-root--light .dropler-pro__workspace-header{background:#ffffffb3;border-color:#00000014}.dropler-studio-root--light .dropler-pro__view-tabs{background:#0000000a;border-color:#00000014}.dropler-studio-root--light .dropler-pro__view-tab{color:#00000073}.dropler-studio-root--light .dropler-pro__view-tab--active{background:#fff;color:#111}.dropler-studio-root--light .dropler-category-chip{border-color:#0000001a;background:#00000008;color:#000000bf}.dropler-studio-root--light .dropler-category-chip:hover{border-color:#e85d2c66;background:#e85d2c14}@media (max-width: 900px){.dropler-pro__icon-rail,.dropler-pro__workspace-meta{display:none}.studio-idle-showcase__template-grid{grid-template-columns:1fr 1fr}}.dropler-pro__credits{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffffbf;font-size:12px;font-weight:600;text-decoration:none;transition:border-color .15s,background .15s}.dropler-pro__credits:hover{border-color:#e85d2c73;background:#e85d2c1a;color:#fff}.dropler-pro__credits--low{border-color:#fbbf2466;color:#fcd34d}.dropler-pro__credits-sep{opacity:.35;font-weight:400}.dropler-pro__credits-total{opacity:.5;font-weight:500}.dropler-pro__workspace--preview-focus .dropler-pro__preview-col{flex:1;max-width:100%}.dropler-studio-idle__agents{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px}.dropler-studio-idle__agent{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;font-size:11px;color:#ffffffa6}.dropler-studio-idle__agent-id{font-weight:800;color:#fb923c;font-size:10px}.studio-idle-showcase{display:flex;flex-direction:column;height:100%;min-height:0;background:#0a0a0c;border-left:1px solid rgba(255,255,255,.06)}.studio-idle-showcase__chrome{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff05;flex-shrink:0}.studio-idle-showcase__dots{display:flex;gap:5px}.studio-idle-showcase__dots span{width:8px;height:8px;border-radius:50%;background:#ffffff26}.studio-idle-showcase__url{flex:1;display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;background:#00000059;border:1px solid rgba(255,255,255,.06);font-size:11px;color:#ffffff73}.studio-idle-showcase__live{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#4ade80}.studio-idle-showcase__body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:24px}.studio-idle-showcase__hero-card{text-align:center;padding:28px 20px;border-radius:16px;border:1px dashed rgba(255,255,255,.12);background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(232,93,44,.08),transparent)}.studio-idle-showcase__hero-card h3{font-size:16px;font-weight:700;margin:12px 0 8px}.studio-idle-showcase__hero-card p{font-size:13px;color:#ffffff80;line-height:1.55;max-width:320px;margin:0 auto 12px}.studio-idle-showcase__spark{color:#fb923c;margin:0 auto;display:block}.studio-idle-showcase__stack{display:inline-block;font-size:10px;padding:4px 10px;border-radius:6px;background:#ffffff0d;color:#ffffff73}.studio-idle-showcase__section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffff59;margin:0 0 10px}.studio-idle-showcase__agent-row{display:flex;gap:8px;flex-wrap:wrap}.studio-idle-showcase__agent{flex:1;min-width:100px;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff05}.studio-idle-showcase__agent-id{display:block;font-size:10px;font-weight:800;color:#fb923c;margin-bottom:4px}.studio-idle-showcase__agent-name{font-size:11px;color:#fff9}.studio-idle-showcase__template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.studio-idle-showcase__template{display:flex;align-items:center;gap:8px;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:inherit;cursor:pointer;text-align:left;transition:border-color .15s,transform .15s}.studio-idle-showcase__template:hover{border-color:#e85d2c66;transform:translateY(-1px)}.studio-idle-showcase__template-emoji{font-size:18px}.studio-idle-showcase__template-label{font-size:12px;font-weight:600}.studio-idle-showcase__example-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.studio-idle-showcase__example{padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;display:flex;flex-direction:column;gap:4px}.studio-idle-showcase__example-swatch{width:100%;height:36px;border-radius:8px;background:linear-gradient(135deg,var(--ex-color, #6366f1),transparent);margin-bottom:4px}.studio-idle-showcase__example span{font-size:12px;font-weight:600}.studio-idle-showcase__example small{font-size:10px;color:#fff6}.fs-section{position:relative;z-index:1;padding:88px 24px}.fs-section--tight{padding:64px 24px}.fs-container{max-width:1100px;margin:0 auto}.fs-container--wide{max-width:1200px;margin:0 auto}.fs-eyebrow{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffff73;margin-bottom:14px}.fs-title{font-size:clamp(32px,5vw,48px);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:16px}.fs-title .fs-highlight{background:linear-gradient(135deg,#fff,#93c5fd,#ffb088);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fs-subtitle{font-size:clamp(16px,2vw,18px);color:#ffffff8c;line-height:1.6;max-width:640px}.fs-subtitle--center{margin-left:auto;margin-right:auto;text-align:center}.fs-title--center,.fs-eyebrow--center{text-align:center;display:block}.fs-hero{position:relative;z-index:1;min-height:92vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:120px 24px 80px;text-align:center}.fs-hero__title{font-size:clamp(42px,7.5vw,76px);font-weight:700;letter-spacing:-.04em;line-height:1.08;margin-bottom:18px;max-width:900px}.fs-hero__title-build{color:#fafafa;margin-right:.22em}.fs-hero__glow{position:absolute;top:20%;left:50%;width:min(90vw,700px);height:400px;transform:translate(-50%);background:radial-gradient(ellipse,rgba(96,165,250,.12) 0%,rgba(232,93,44,.06) 45%,transparent 70%);pointer-events:none;z-index:0}.fs-hero__title-line{display:block}.fs-hero__title-accent{background:linear-gradient(135deg,#fafafa,#93c5fd,#ffb088 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fs-hero__subtitle{font-size:clamp(16px,2.2vw,19px);color:#ffffff85;max-width:560px;margin:0 auto 32px;line-height:1.55}.fs-hero__prompt-wrap{width:100%;max-width:680px;margin:0 auto;text-align:left}.fs-hero__prompt{background:#111111d9;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:18px 18px 12px;box-shadow:0 8px 48px #00000073,0 0 80px #60a5fa0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.fs-hero__prompt:focus-within{border-color:#ffffff2e}.fs-hero__input{width:100%;background:transparent;border:none;color:#fafafa;font-size:16px;line-height:1.5;resize:none;outline:none;font-family:inherit;min-height:72px}.fs-hero__input::placeholder{color:#ffffff59}.fs-hero__prompt-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.fs-hero__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.fs-hero__chip{padding:7px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#fffc;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s}.fs-hero__chip:hover{border-color:#e85d2c66;background:#e85d2c14}.fs-hero__model{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#ffffffbf;font-size:13px;font-family:inherit;cursor:pointer}.fs-hero__send{width:36px;height:36px;border-radius:10px;border:none;background:linear-gradient(135deg,#ff9445,#ff6c37);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:opacity .15s}.fs-hero__send:disabled{opacity:.35;cursor:not-allowed}.fs-hero__engineers{margin-top:36px;display:flex;flex-direction:column;align-items:center;gap:12px}.fs-hero__engineers-label{font-size:12px;color:#ffffff59;letter-spacing:.04em}.fs-hero__engineers-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.fs-hero__engineer-logo{font-size:13px;font-weight:600;color:#ffffff73;letter-spacing:.02em}.fs-pro-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-top:40px}.fs-pro-visual{border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;padding:28px;min-height:280px;display:flex;flex-direction:column;gap:12px}.fs-agent-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#0000004d;font-size:13px;color:#ffffffbf;width:fit-content}.fs-agent-dot{width:8px;height:8px;border-radius:50%}.fs-showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-top:36px}.fs-showcase-card{border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;padding:20px 16px;text-align:center;cursor:pointer;transition:border-color .15s,transform .12s}.fs-showcase-card:hover{border-color:#ffffff29;transform:translateY(-2px)}.fs-showcase-icon{width:48px;height:48px;border-radius:14px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700}.fs-showcase-name{font-size:14px;font-weight:600;margin-bottom:4px}.fs-showcase-cat{font-size:11px;color:#fff6}.fs-mono-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.fs-mono-card{border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;padding:28px}.fs-mono-card h3{font-size:20px;font-weight:700;margin-bottom:8px}.fs-mono-card p{font-size:14px;color:#ffffff80;margin-bottom:16px}.fs-mono-list{list-style:none;display:flex;flex-direction:column;gap:10px}.fs-mono-list li{font-size:14px;color:#ffffffb3;padding-left:18px;position:relative}.fs-mono-list li:before{content:"✓";position:absolute;left:0;color:#4ade80;font-size:12px}.fs-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}.fs-step-card{border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;padding:24px 20px}.fs-step-num{width:32px;height:32px;border-radius:999px;background:#e85d2c33;color:#ffb088;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.fs-step-card h3{font-size:16px;font-weight:700;margin-bottom:8px}.fs-step-card p{font-size:13px;color:#ffffff80;line-height:1.55}.fs-steps-cta{text-align:center;margin-top:40px}.fs-steps-note{margin-top:12px;font-size:13px;color:#fff6}.fs-backend-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:40px}.fs-backend-features{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fs-backend-feat{padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;font-size:14px;font-weight:600;text-align:center}.fs-backend-card{border-radius:20px;border:1px solid rgba(74,222,128,.2);background:#1665341f;padding:28px}.fs-deploy-banner{border-radius:24px;border:1px solid rgba(96,165,250,.2);background:linear-gradient(135deg,#60a5fa14,#a78bfa0f);padding:48px 40px;text-align:center;margin-top:32px}.fs-deploy-banner h3{font-size:clamp(24px,4vw,32px);font-weight:700;margin-bottom:12px}.fs-deploy-banner p{font-size:16px;color:#ffffff8c;max-width:520px;margin:0 auto 8px}.fs-deploy-badge{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:8px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#00000040;font-size:13px;color:#ffffffb3}.fs-community{text-align:center;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;padding:48px 32px}.fs-community-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px}.fs-trust-line{margin-top:20px;font-size:13px;color:#fff6}.fs-final-band{text-align:center;padding:72px 24px;background:linear-gradient(180deg,transparent,rgba(232,93,44,.06))}.fs-final-band h2{font-size:clamp(28px,5vw,40px);font-weight:700;margin-bottom:24px}.fs-footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:32px}.fs-footer-col h4{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#fff6;margin-bottom:14px}.fs-footer-col a,.fs-footer-col button{display:block;font-size:14px;color:#ffffff8c;margin-bottom:10px;background:none;border:none;padding:0;cursor:pointer;font-family:inherit;text-align:left;text-decoration:none}.fs-footer-col a:hover,.fs-footer-col button:hover{color:#fafafa}@media (max-width: 900px){.fs-pro-grid,.fs-backend-grid,.fs-mono-grid{grid-template-columns:1fr}.fs-steps-grid,.fs-footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.fs-steps-grid,.fs-steps-track,.fs-footer-grid{grid-template-columns:1fr}}.fs-prompt-card{background:#0e0e10eb;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:16px 16px 12px;box-shadow:0 12px 56px #00000080,0 0 100px #60a5fa0f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:border-color .2s,box-shadow .2s}.fs-prompt-card:focus-within{border-color:#ffffff2e;box-shadow:0 12px 56px #00000080,0 0 120px #60a5fa1a}.fs-prompt-card--studio{border-radius:16px;box-shadow:0 4px 24px #00000059}.fs-prompt-card__input{width:100%;background:transparent;border:none;color:#fafafa;font-size:15px;line-height:1.55;resize:none;outline:none;font-family:inherit;min-height:56px}.fs-prompt-card__input::placeholder{color:#ffffff52}.fs-prompt-card__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-bottom:4px}.fs-prompt-card__chip{padding:6px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.11);background:#ffffff0a;color:#ffffffc7;font-size:12.5px;font-weight:500;cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s}.fs-prompt-card__chip:hover:not(:disabled){border-color:#e85d2c73;background:#e85d2c1a}.fs-prompt-card__bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.fs-prompt-card__left,.fs-prompt-card__right{display:flex;align-items:center;gap:8px}.fs-prompt-card__model-wrap{position:relative}.fs-prompt-card__model{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#ffffffbf;font-size:12.5px;font-family:inherit;cursor:pointer}.fs-prompt-card__model-menu{position:absolute;bottom:calc(100% + 6px);left:0;min-width:200px;background:#18181b;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:6px;z-index:30;box-shadow:0 12px 40px #0000008c}.fs-prompt-card__model-item{display:block;width:100%;text-align:left;padding:8px 12px;background:transparent;border:none;border-radius:8px;color:#fafafa;font-size:13px;cursor:pointer;font-family:inherit}.fs-prompt-card__model-item:hover,.fs-prompt-card__model-item--active{background:#ffffff14}.fs-prompt-card__mic{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#ffffff80;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.fs-prompt-card__mic--on{color:#f87171;border-color:#f8717166;background:#f871711a}.fs-prompt-card__send{width:36px;height:36px;border-radius:10px;border:none;background:linear-gradient(135deg,#ff9445,#ff6c37);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.fs-prompt-card__send:disabled{opacity:.35;cursor:not-allowed}.fs-engineer-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;font-size:13px;font-weight:500;color:#ffffff8c}.fs-engineer-pill__mark{width:22px;height:22px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.fs-phone__bezel{border-radius:28px;border:2px solid rgba(255,255,255,.14);background:#0a0a0c;padding:8px 6px 10px;box-shadow:0 20px 50px #00000073}.fs-phone__status{display:flex;align-items:center;justify-content:space-between;padding:4px 10px 8px;font-size:9px;color:#ffffff80}.fs-phone__notch{width:40px;height:5px;border-radius:999px;background:#ffffff1f}.fs-phone__screen{border-radius:18px;min-height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden}.fs-phone__placeholder{text-align:center;padding:16px}.fs-phone__app-icon{width:44px;height:44px;border-radius:12px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.fs-phone__app-name{font-size:11px;color:#fff9;font-weight:600}.fs-phone__home{width:28%;height:4px;border-radius:999px;background:#fff3;margin:8px auto 0}.fs-pro-phones{display:flex;justify-content:center;align-items:flex-end;gap:-20px;min-height:340px;padding:20px}.fs-pro-phones__item{margin:0 -24px;transition:transform .2s}.fs-pro-phones__item:hover{transform:rotate(0) translateY(-8px) scale(1.03)!important;z-index:10!important}.fs-pro-agents{display:flex;flex-direction:column;gap:14px}.fs-agent-row{display:flex;flex-direction:column;gap:4px}.fs-agent-desc{font-size:12px;color:#fff6;padding-left:4px}.fs-showcase-scroll{display:flex;gap:24px;margin-top:36px;padding:12px 4px 24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.fs-showcase-phone-card{flex:0 0 auto;scroll-snap-align:start;background:none;border:none;cursor:pointer;padding:12px;border-radius:20px;transition:background .15s,transform .12s;font-family:inherit;color:inherit}.fs-showcase-phone-card:hover{background:#ffffff0a;transform:translateY(-4px)}.fs-showcase-phone-card__meta{text-align:center;margin-top:12px}.fs-steps-track{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px;position:relative}.fs-step-card{position:relative;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;padding:24px 18px;text-align:center}.fs-step-card__icon{font-size:24px;margin-bottom:10px}.fs-btn-build{padding:14px 32px;border-radius:999px;border:none;background:linear-gradient(135deg,#ff9445,#ff6c37);color:#fff;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;box-shadow:0 4px 24px #ff6c3759;transition:transform .12s,box-shadow .15s}.fs-btn-build:hover{transform:translateY(-1px);box-shadow:0 6px 32px #ff6c3773}.fs-mono-card__icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;background:#ffffff0f;color:#ffffffb3}.fs-mono-card--subs{border-color:#60a5fa33}.fs-mono-card--ads{border-color:#fbbf2433}.fs-mono-footnote{text-align:center;margin-top:28px;font-size:14px;color:#ffffff73}.fs-section--divider{border-top:1px solid rgba(255,255,255,.05)}.dropler-nav.fs-nav{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.fs-nav-cta{padding:9px 20px!important;border-radius:999px!important;background:linear-gradient(135deg,#ff9445,#ff6c37)!important;border:none!important;color:#fff!important;font-weight:600!important;box-shadow:0 2px 16px #ff6c374d}.fs-nav-cta:hover{opacity:.92!important;color:#fff!important}.dropler-pro__chat-composer-fixed .fs-prompt-card{width:100%}.fs-marketing-hero{position:relative;z-index:1;text-align:center;padding:100px 24px 48px;max-width:720px;margin:0 auto}.fs-marketing-hero__eyebrow{display:inline-block;margin-bottom:16px;padding:6px 14px;border-radius:999px;border:1px solid rgba(232,93,44,.35);background:#e85d2c1a;color:#ffb088;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.fs-marketing-hero__title{font-size:clamp(32px,5vw,52px);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:16px}.fs-marketing-hero__sub{font-size:17px;color:#ffffff8c;line-height:1.65;margin-bottom:28px}.dropler-marketing-page{position:relative;min-height:100vh;background:#050505}.dropler-marketing-page__content{position:relative;z-index:1;padding-top:64px}.dropler-auth-card .fs-btn-build,.dropler-auth-card .dropler-btn--white{background:linear-gradient(135deg,#ff9445,#ff6c37)!important;border:none!important;color:#fff!important;font-weight:600;box-shadow:0 4px 20px #ff6c374d}.dropler-footer__bottom span:last-child:before{content:""}.build-page{min-height:100vh;background:#050505;color:#fff}.build-page__main{padding:100px 24px 80px;max-width:1100px}.build-page__title{font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-.03em;text-align:center;line-height:1.15;margin-bottom:12px}.build-page__subtitle{text-align:center;color:#ffffff8c;font-size:16px;max-width:640px;margin:0 auto 28px;line-height:1.6}.build-page__type-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}.build-page__type-tab{font-size:13px;font-weight:600;padding:8px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#ffffffa6;cursor:pointer}.build-page__type-tab--active{background:#6366f140;border-color:#818cf880;color:#e0e7ff}.build-page__prompt{max-width:720px;margin:0 auto 40px}.build-page__toolbar{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;margin-bottom:24px}.build-page__filters{display:flex;flex-wrap:wrap;gap:6px}.build-page__filter{font-size:12px;padding:6px 12px;border-radius:8px;border:none;background:transparent;color:#ffffff80;cursor:pointer}.build-page__filter--active{background:#ffffff14;color:#fff}.build-page__search{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;min-width:200px}.build-page__search input{background:none;border:none;color:#fff;font-size:13px;outline:none;width:100%}.build-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.build-page__card{text-align:left;padding:18px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;cursor:pointer;transition:border-color .15s,background .15s}.build-page__card:hover{border-color:#818cf866;background:#6366f114}.build-page__card h3{font-size:15px;font-weight:700;margin:8px 0 6px}.build-page__card p{font-size:12px;color:#ffffff73;line-height:1.45;margin:0}.build-page__card-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#818cf8e6}.build-page__status{grid-column:1 / -1;text-align:center;color:#ffffff73;padding:40px}.build-page__cta{text-align:center;margin-top:64px;padding:48px 24px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(99,102,241,.15),transparent)}.build-page__cta h2{font-size:24px;font-weight:800;margin-bottom:10px}.build-page__cta p{color:#ffffff80;margin-bottom:20px}.integrations-grid,.solutions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;max-width:1000px;margin:0 auto;padding:0 24px 48px}.integrations-card,.solutions-card{padding:24px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.integrations-card h3,.solutions-card h3{font-size:18px;font-weight:700;margin-bottom:8px}.integrations-card p,.solutions-card p{font-size:14px;color:#ffffff8c;line-height:1.55;margin-bottom:16px}.integrations-card__link,.solutions-card__link{font-size:13px;font-weight:600;color:#a5b4fc;text-decoration:none}.dropler-pricing-grid--4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}@media (max-width: 768px){.build-page__toolbar{flex-direction:column;align-items:stretch}.build-page__search{width:100%}}.dropler-ambient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;background:#050508}.dropler-ambient__mesh{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(232,93,44,.12),transparent 55%),radial-gradient(ellipse 60% 40% at 90% 60%,rgba(99,102,241,.08),transparent 50%),radial-gradient(ellipse 50% 35% at 10% 80%,rgba(34,211,238,.06),transparent 45%)}.dropler-ambient__orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}.dropler-ambient__orb--a{width:420px;height:420px;top:10%;left:20%;background:#e85d2c26}.dropler-ambient__orb--b{width:360px;height:360px;top:40%;right:10%;background:#6366f11f}.dropler-ambient__orb--c{width:280px;height:280px;bottom:5%;left:35%;background:#a78bfa1a}.dropler-ambient__logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.35}.dropler-ambient__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,black,transparent);mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,black,transparent)}.build-vertical__eyebrow{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.2em;color:#ffffff73;margin-bottom:12px}.build-vertical__cta{margin-top:20px}.build-vertical__features ul{margin:16px 0;padding-left:20px;color:#fff9}.build-vertical__back{color:#a5b4fc;font-size:14px;text-decoration:none}.learn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin:32px 0 48px}.learn-card{padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;text-decoration:none;color:inherit;transition:border-color .2s}.learn-card:hover{border-color:#e85d2c66}.learn-card h3{font-size:16px;margin-bottom:8px}.learn-card p{font-size:13px;color:#ffffff8c;margin:0}.learn-agents__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:24px}.learn-agents__card{padding:24px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff05}.learn-agents__badge{display:inline-block;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;background:#e85d2c33;color:#fb923c;margin-bottom:12px}.integrations-detail{margin:32px 0;max-width:640px}.integrations-detail ul,.integrations-detail ol{color:#fff9;line-height:1.7}.affiliates-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:32px}.affiliates-benefit{padding:24px;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.dropler-deploy-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#000000a6;display:flex;align-items:center;justify-content:center;padding:24px}.dropler-deploy-modal{width:min(480px,100%);background:#12141a;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px}.dropler-deploy-modal__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.dropler-deploy-modal__head h2{font-size:18px;margin:0}.dropler-deploy-modal__close{background:none;border:none;color:#ffffff80;cursor:pointer}.dropler-deploy-modal__sub{font-size:14px;color:#ffffff8c;margin-bottom:20px}.dropler-deploy-modal__error{color:#fca5a5;font-size:13px;margin-bottom:12px}.dropler-deploy-modal__live{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px;border-radius:10px;background:#22c55e14;border:1px solid rgba(34,197,94,.25);margin-bottom:16px}.dropler-deploy-modal__badge{font-size:10px;font-weight:700;text-transform:uppercase;color:#4ade80}.dropler-deploy-modal__cta{width:100%}.dropler-deploy-modal__divider{height:1px;background:#ffffff14;margin:20px 0}.dropler-deploy-modal__section{font-size:14px;margin-bottom:8px}.dropler-deploy-modal__hint{font-size:13px;color:#ffffff73;margin-bottom:12px}.dropler-deploy-modal__row{display:flex;gap:8px;flex-wrap:wrap}.dropler-deploy-modal__icon-btn{background:#ffffff0f;border:none;border-radius:8px;padding:8px;color:inherit;cursor:pointer}.dropler-deploy-modal__link{font-size:13px;color:#a5b4fc;display:block;margin-top:12px}.dropler-deploy-modal__preview-note{font-size:12px;color:#fff6;margin-top:16px}.landing-page--home{--home-bg: #0a0a0a;--home-surface: #161618;--home-surface-2: #1e1e22;--home-border: rgba(255, 255, 255, .08);--home-text: #f5f5f5;--home-muted: rgba(255, 255, 255, .45);--home-accent: #4ade80;--home-pill: rgba(255, 255, 255, .06);min-height:100vh;background:var(--home-bg);color:var(--home-text);font-family:Inter,system-ui,-apple-system,sans-serif}body:has(.landing-page--home){background:#0a0a0a;color:#f5f5f5}.home-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 120% 60% at 50% -10%,rgba(60,60,70,.55) 0%,transparent 55%),radial-gradient(ellipse 80% 40% at 20% 5%,rgba(80,80,90,.25) 0%,transparent 50%),radial-gradient(ellipse 70% 35% at 80% 8%,rgba(70,70,80,.2) 0%,transparent 45%),var(--home-bg)}.home-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");opacity:.5}.home-topbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px 24px}.home-topbar__home{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;background:#ffffff0f;border:1px solid var(--home-border);color:var(--home-text);font-size:14px;font-weight:500;text-decoration:none;font-family:inherit;cursor:pointer;transition:background .15s}.home-topbar__home:hover{background:#ffffff1a}.home-topbar__right{display:flex;align-items:center;gap:12px}.home-topbar__credits{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#ffffff0a;border:1px solid var(--home-border);font-size:14px;font-weight:600;color:var(--home-text);text-decoration:none}.home-topbar__coin{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f59e0b);display:flex;align-items:center;justify-content:center;font-size:10px}.home-topbar__avatar{width:36px;height:36px;border-radius:50%;background:#ffffff1f;border:1px solid var(--home-border);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--home-text);text-decoration:none;cursor:pointer;transition:background .15s}.home-topbar__avatar:hover{background:#ffffff2e}.home-hero{position:relative;z-index:1;padding:100px 24px 48px;max-width:820px;margin:0 auto;text-align:center}.home-hero__title{font-size:clamp(28px,4vw,38px);font-weight:500;letter-spacing:-.02em;line-height:1.25;margin-bottom:32px;color:var(--home-text)}.home-prompt{background:var(--home-surface);border:1px solid var(--home-border);border-radius:20px;overflow:hidden;text-align:left;box-shadow:0 24px 80px #00000073}.home-prompt__tabs{display:flex;gap:4px;padding:12px 14px 0;border-bottom:1px solid var(--home-border)}.home-prompt__tab{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:12px 12px 0 0;background:transparent;color:var(--home-muted);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s,color .15s}.home-prompt__tab--active{background:var(--home-surface-2);color:var(--home-text)}.home-prompt__tab svg{opacity:.7}.home-prompt__body{padding:16px 18px 12px}.home-prompt__input{width:100%;min-height:100px;background:transparent;border:none;color:var(--home-text);font-size:16px;line-height:1.55;resize:none;outline:none;font-family:inherit}.home-prompt__input::placeholder{color:#ffffff52}.home-prompt__bar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px 14px}.home-prompt__plus{width:36px;height:36px;border-radius:10px;border:1px solid var(--home-border);background:transparent;color:var(--home-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:inherit;transition:background .15s,color .15s}.home-prompt__plus:hover{background:#ffffff0f;color:var(--home-text)}.home-prompt__actions{display:flex;align-items:center;gap:8px}.home-prompt__mic{width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:var(--home-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s}.home-prompt__mic:hover{color:var(--home-text)}.home-prompt__send{width:36px;height:36px;border-radius:50%;border:none;background:#ffffff1f;color:var(--home-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,transform .12s}.home-prompt__send:hover:not(:disabled){background:#fff3;transform:translateY(-1px)}.home-prompt__send:disabled{opacity:.35;cursor:not-allowed}.home-suggestions{margin-top:28px}.home-suggestions__label{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:var(--home-muted);margin-bottom:14px}.home-suggestions__label button{background:none;border:none;color:var(--home-muted);cursor:pointer;padding:4px;display:flex;transition:color .15s,transform .2s}.home-suggestions__label button:hover{color:var(--home-text);transform:rotate(180deg)}.home-suggestions__pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.home-suggestions__pill{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;border:1px solid var(--home-border);background:#ffffff08;color:#ffffffd9;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .15s,background .15s,transform .12s;max-width:100%}.home-suggestions__pill:hover{border-color:#ffffff2e;background:#ffffff0f;transform:translateY(-1px)}.home-suggestions__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.home-showcase{position:relative;z-index:1;padding:64px 24px 80px;max-width:1200px;margin:0 auto}.home-showcase__header{margin-bottom:24px}.home-showcase__eyebrow{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--home-muted);margin-bottom:6px}.home-showcase__title{font-size:clamp(24px,3vw,32px);font-weight:600;letter-spacing:-.02em;margin-bottom:6px}.home-showcase__sub{font-size:15px;color:var(--home-muted)}.home-showcase__filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.home-showcase__filter{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--home-border);background:transparent;color:var(--home-muted);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s}.home-showcase__filter:hover{border-color:#ffffff26;color:var(--home-text)}.home-showcase__filter--active{background:#fff;color:#0a0a0a;border-color:#fff}.home-showcase__filter--active svg{color:#0a0a0a}.home-showcase__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.home-showcase__card{position:relative;background:none;border:none;padding:0;cursor:pointer;text-align:left;font-family:inherit;color:inherit}.home-showcase__thumb{position:relative;aspect-ratio:16 / 10;border-radius:14px;overflow:hidden;border:1px solid var(--home-border);margin-bottom:12px;transition:border-color .15s,transform .15s}.home-showcase__card:hover .home-showcase__thumb{border-color:#fff3;transform:translateY(-2px)}.home-showcase__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:10px;background:#0000008c;opacity:0;transition:opacity .2s}.home-showcase__card:hover .home-showcase__overlay{opacity:1}.home-showcase__overlay-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:999px;border:none;background:#fff;color:#0a0a0a;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:transform .12s}.home-showcase__overlay-btn:hover{transform:scale(1.03)}.home-showcase__card-title{font-size:14px;font-weight:600;margin-bottom:4px}.home-showcase__card-cat{font-size:13px;color:var(--home-muted)}.home-showcase__card:hover .home-showcase__card-cat{color:#f97316}.home-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:11px}.home-preview--auramax{background:#000;flex-direction:column;gap:8px}.home-preview--auramax span:first-child{font-size:18px;font-weight:800;letter-spacing:.2em;color:#fff}.home-preview--auramax .home-preview__headphones{width:60px;height:40px;border:3px solid #fff;border-radius:20px;position:relative}.home-preview--dashboard{background:#f5f5f7;padding:12px;align-items:stretch}.home-preview--dashboard .home-preview__dash{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%}.home-preview--dashboard .home-preview__dash-block{height:28px;border-radius:6px;background:#e5e5ea}.home-preview--dashboard .home-preview__dash-block--wide{grid-column:span 2;height:40px}.home-preview--meditation{background:linear-gradient(160deg,#fce7f3,#fdf2f8);padding:16px}.home-preview--meditation .home-preview__phone{width:55%;height:85%;border-radius:12px;background:#fff;border:2px solid #e5e5ea;padding:10px;box-shadow:0 8px 24px #0000001a}.home-preview--ocean{background:linear-gradient(180deg,#0c1929,#1e3a5f)}.home-preview--ocean .home-preview__radar{width:70px;height:70px;border-radius:50%;border:2px solid rgba(96,165,250,.5);position:relative}.home-preview--spiderman{background:linear-gradient(180deg,#1a0505,#450a0a);flex-direction:column}.home-preview--spiderman span{font-size:16px;font-weight:900;color:#fff;letter-spacing:.1em}.home-preview--map{background:#e8f4f8;padding:12px}.home-preview--map .home-preview__map-dots{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.home-preview--map .home-preview__map-dot{width:12px;height:12px;border-radius:50%;background:#fbbf24}.home-preview--task{background:linear-gradient(160deg,#ecfdf5,#d1fae5);padding:16px;align-items:flex-start}.home-preview--task h4{font-size:12px;font-weight:700;color:#065f46;margin:0 0 6px}.home-preview--discord{background:linear-gradient(160deg,#eef2ff,#e0e7ff);padding:16px;align-items:flex-start}.home-preview--discord h4{font-size:11px;font-weight:700;color:#4338ca;margin:0}.home-preview--mongo{background:linear-gradient(160deg,#ecfdf5,#d1fae5);padding:16px;align-items:flex-start}.home-preview--portfolio{background:#f8fafc;padding:16px;flex-direction:column;gap:8px}.home-preview--portfolio .home-preview__code{width:40px;height:40px;border-radius:10px;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px}.home-preview--fitness,.home-preview--recipe{background:linear-gradient(160deg,#1e293b,#0f172a)}.home-cta{position:relative;z-index:1;padding:120px 24px 100px;text-align:center;overflow:hidden}.home-cta__grid{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(10,10,10,.3) 40%,var(--home-bg) 100%),repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(255,255,255,.03) 39px,rgba(255,255,255,.03) 40px),repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(255,255,255,.03) 39px,rgba(255,255,255,.03) 40px);transform:perspective(400px) rotateX(60deg) scale(2);transform-origin:center bottom;opacity:.6}.home-cta__inner{position:relative;z-index:1}.home-cta__line1{font-size:clamp(22px,3vw,32px);font-weight:500;color:var(--home-text);margin-bottom:8px}.home-cta__line2{font-size:clamp(36px,6vw,64px);font-weight:800;letter-spacing:.08em;color:var(--home-accent);text-shadow:0 0 40px rgba(74,222,128,.35);margin-bottom:32px;font-family:Courier New,monospace}.home-cta__btn{display:inline-flex;padding:14px 32px;border-radius:999px;border:none;background:#fff;color:#0a0a0a;font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;box-shadow:0 0 60px #ffffff40;transition:transform .15s,box-shadow .15s}.home-cta__btn:hover{transform:translateY(-2px);box-shadow:0 0 80px #ffffff59}.home-footer{position:relative;z-index:1;padding:64px 24px 32px;border-top:1px solid var(--home-border);max-width:1200px;margin:0 auto}.home-footer__grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:40px;margin-bottom:48px}.home-footer__brand p{font-size:14px;color:var(--home-muted);line-height:1.65;margin-top:16px;max-width:300px}.home-footer__col h4{font-size:13px;font-weight:700;margin-bottom:16px}.home-footer__col a,.home-footer__col button{display:block;font-size:14px;color:var(--home-muted);margin-bottom:12px;text-decoration:none;background:none;border:none;padding:0;cursor:pointer;font-family:inherit;text-align:left}.home-footer__col a:hover,.home-footer__col button:hover{color:var(--home-text)}.home-footer__bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:24px;border-top:1px solid var(--home-border);font-size:11px;color:var(--home-muted);text-transform:uppercase;letter-spacing:.05em}.home-footer__social{display:flex;gap:16px}.home-footer__social a{color:var(--home-muted);transition:color .15s}.home-footer__social a:hover{color:var(--home-text)}.home-chat-fab{position:fixed;bottom:24px;right:24px;z-index:90;width:48px;height:48px;border-radius:50%;border:none;background:#fff;color:#0a0a0a;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 32px #0006;transition:transform .15s}.home-chat-fab:hover{transform:scale(1.05)}@media (max-width: 900px){.home-showcase__grid{grid-template-columns:repeat(2,1fr)}.home-footer__grid{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.home-showcase__grid{grid-template-columns:1fr}.home-suggestions__pills{flex-direction:column;align-items:stretch}.home-footer__grid{grid-template-columns:1fr}.home-footer__bottom{flex-direction:column;text-align:center}}