*,*:before,*:after{box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app-container{position:relative;min-height:100vh;width:100%;overflow-x:hidden;color:#fff}.background-layer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,#0000,#000c);pointer-events:none}.navbar{position:fixed;top:0;left:0;width:100%;height:64px;z-index:50;background:#0f172a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05)}.nav-content{max-width:1400px;margin:0 auto;height:100%;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;height:48px}.nav-logo img{height:100%;width:auto}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{display:flex;align-items:center;gap:.5rem;color:#94a3b8;text-decoration:none;font-size:.95rem;transition:color .2s ease;padding:.5rem .75rem;border-radius:8px}.nav-link:hover{color:#fff;background:#ffffff0d}.nav-link.active{color:#fff;background:#ffffff1a}.mobile-toggle{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:.5rem}.mobile-menu{position:fixed;top:64px;left:0;width:100%;background:#0f172a;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);z-index:49}.mobile-nav-link{display:flex;align-items:center;gap:1rem;color:#e2e8f0;text-decoration:none;font-size:1rem;padding:.75rem;border-radius:12px;background:#ffffff0d}.main-content{padding-top:64px;min-height:100vh;position:relative;z-index:1}.page-transition-wrapper{width:100%;min-height:calc(100vh - 64px)}@media (max-width: 768px){.nav-content{padding:0 .75rem 0 1rem}.nav-links{display:none}.mobile-toggle{display:flex;align-items:center;justify-content:center;padding:.5rem;margin-right:0}.nav-logo{height:36px}}.dashboard-container{width:100%;min-height:100vh;padding:2rem;background-color:#0f0f11;color:#fff;display:flex;justify-content:center}.dashboard-content{max-width:1200px;width:100%;display:flex;flex-direction:column;gap:4rem;padding-top:4rem}.hero-section{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.hero-title{font-size:4rem;font-weight:700;line-height:1.1;display:flex;flex-direction:column;align-items:center;letter-spacing:-.02em}.hero-gradient-text{background:linear-gradient(135deg,#fff,#a5a5a5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:#a1a1aa;max-width:600px;line-height:1.6}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;width:100%}.action-card{position:relative;background:#18181b;border-radius:24px;overflow:hidden;border:1px solid #27272a;transition:transform .3s ease,box-shadow .3s ease;height:320px}.action-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -10px #00000080;border-color:#3f3f46}.card-inner{display:flex;flex-direction:column;height:100%;padding:2rem;text-decoration:none;color:inherit;position:relative;z-index:1}.card-gradient-bg{position:absolute;inset:0;opacity:0;transition:opacity .5s ease;z-index:-1;background:radial-gradient(circle at top right,var(--card-accent),transparent 70%)}.action-card:hover .card-gradient-bg{opacity:.1}.card-icon{width:56px;height:56px;background:#27272a;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:var(--card-accent);transition:all .3s ease}.action-card:hover .card-icon{background:var(--card-accent);color:#fff;transform:scale(1.1)}.card-title{font-size:1.5rem;font-weight:600;margin:0 0 .75rem;color:#fff}.card-desc{font-size:.95rem;color:#a1a1aa;margin:0;line-height:1.5;flex-grow:1}.card-cta{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;color:#fff;margin-top:1.5rem;opacity:.8;transition:all .3s ease}.action-card:hover .card-cta{opacity:1;gap:.75rem}.card-preview{position:absolute;top:2rem;right:2rem;opacity:0;transform:translate(20px);transition:all .4s cubic-bezier(.4,0,.2,1)}.action-card:hover .card-preview{opacity:1;transform:translate(0)}.card-gradient--image{--card-accent: #ec4899}.card-gradient--presentation{--card-accent: #f97316}.card-gradient--website{--card-accent: #06b6d4}.card-gradient--persona{--card-accent: #a855f7}@media (max-width: 768px){.hero-title{font-size:2.5rem}.dashboard-content{gap:3rem;padding-top:2rem}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes floatParticle{0%,to{transform:translateY(0) translate(0) scale(1);opacity:.5}25%{transform:translateY(-15px) translate(8px) scale(1.1);opacity:.8}50%{transform:translateY(-25px) translate(-4px) scale(.9);opacity:.3}75%{transform:translateY(-10px) translate(-10px) scale(1.05);opacity:.6}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.03)}}.createhub-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px 16px;min-height:calc(100vh - 64px);overflow-y:auto}.createhub-content{max-width:1200px;width:100%;display:flex;flex-direction:column;gap:16px;align-items:center}.createhub-hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;padding:0 16px;width:100%}.createhub-title{font-size:2.5rem;font-weight:700;line-height:1.3;letter-spacing:-.02em;color:#fff;text-align:center;width:100%}.createhub-title span{display:block}.createhub-gradient-text{background:linear-gradient(135deg,#e2e8f0,#a78bfa,#818cf8,#e2e8f0);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 6s ease infinite}.createhub-subtitle{font-size:1.1rem;color:#fff9;max-width:500px;margin:0 auto;line-height:1.6}.gamecard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;width:100%;padding:16px;justify-items:center}.gamecard{position:relative;width:100%;max-width:320px;height:400px;text-decoration:none;transition:transform .3s ease,filter .3s ease}.gamecard:hover{transform:translateY(-8px);z-index:10}.gamecard-inner{position:relative;width:100%;height:100%;border-radius:24px;overflow:hidden;background:linear-gradient(165deg,#3b82f61f,#3b82f60f,#3b82f61a);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 8px #0003,inset 0 1px 1px #3b82f61a,inset 0 -1px 1px #0000001a;border:1px solid rgba(59,130,246,.2);transition:all .3s ease}.gamecard:hover .gamecard-inner{background:linear-gradient(165deg,#3b82f62e,#3b82f61a,#3b82f626);border-color:#3b82f666;box-shadow:0 12px 24px #0000004d,0 0 20px #3b82f640,inset 0 1px 1px #3b82f633}.gamecard-glow{position:absolute;inset:-20px;border-radius:50%;pointer-events:none;z-index:-1;opacity:0;transition:opacity .3s ease;filter:blur(40px);background:#3b82f64d}.gamecard:hover .gamecard-glow{opacity:.6}.gamecard-bg{display:none}.gamecard-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:24px}.gamecard-particle{position:absolute;width:3px;height:3px;border-radius:50%;background:#3b82f680;animation:floatParticle 6s ease-in-out infinite}.gamecard-particle:nth-child(1){left:20%;top:25%;animation-delay:0s}.gamecard-particle:nth-child(2){left:75%;top:20%;animation-delay:1s}.gamecard-particle:nth-child(3){left:35%;top:55%;animation-delay:2s}.gamecard-particle:nth-child(4){left:80%;top:65%;animation-delay:.5s}.gamecard-particle:nth-child(5){left:15%;top:75%;animation-delay:1.5s}.gamecard-particle:nth-child(6){left:60%;top:40%;animation-delay:2.5s}.gamecard-shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(59,130,246,.1) 47%,rgba(59,130,246,.2) 50%,rgba(59,130,246,.1) 53%,transparent 65%);transform:translate(-200%);transition:transform .6s ease;pointer-events:none}.gamecard:hover .gamecard-shine{transform:translate(200%)}.gamecard-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:32px 24px;text-align:center}.gamecard-icon-wrapper{position:relative;margin-bottom:24px}.gamecard-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:20px;color:#ffffffe6;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);transition:all .3s ease;animation:iconFloat 4s ease-in-out infinite}.gamecard:hover .gamecard-icon{transform:scale(1.1);background:#3b82f633;border-color:#3b82f666;color:#fff}.gamecard-icon svg{width:32px;height:32px;stroke-width:1.5}.gamecard-icon-ring{position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(59,130,246,.15);opacity:0;transition:all .3s ease}.gamecard:hover .gamecard-icon-ring{opacity:1;inset:-12px;border-color:#3b82f64d}.gamecard-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:12px}.gamecard-desc{font-size:.95rem;color:#fff9;line-height:1.5;margin-bottom:24px;max-width:240px}.gamecard-cta{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:50px;color:#fff;font-size:.9rem;font-weight:600;background:#3b82f626;border:1px solid rgba(59,130,246,.25);transition:all .3s ease}.gamecard:hover .gamecard-cta{background:#3b82f640;border-color:#3b82f666;transform:translateY(-2px)}.gamecard-cta svg{width:16px;height:16px;transition:transform .3s ease}.gamecard:hover .gamecard-cta svg{transform:translate(4px)}.desktop-carousel-container{position:relative;width:100%;height:500px;display:flex;align-items:center;justify-content:center;perspective:1000px;margin-top:0}.carousel-card-wrapper{position:absolute;width:340px;height:440px;transform-style:preserve-3d;cursor:pointer}.carousel-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:64px;height:64px;border-radius:50%;background:#3b82f626;border:1px solid rgba(59,130,246,.25);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.carousel-nav-btn:hover{background:#3b82f640;border-color:#3b82f666;transform:translateY(-50%) scale(1.1)}.carousel-nav-btn.prev{left:20px}.carousel-nav-btn.next{right:20px}.mobile-only{display:none}.desktop-only{display:block}@media (max-width: 768px){.createhub-title{font-size:1.75rem}.gamecard-grid{grid-template-columns:1fr;justify-items:center;gap:12px;padding:12px}.gamecard{max-width:100%;height:auto;min-height:140px}.gamecard-inner{background:linear-gradient(165deg,#3b82f626,#3b82f614,#3b82f61f)}.gamecard-content{padding:16px;flex-direction:row;justify-content:flex-start;align-items:center;text-align:left;gap:16px}.gamecard-icon-wrapper{margin-bottom:0}.gamecard-icon{width:40px;height:40px;border-radius:10px;background:#3b82f626}.gamecard-icon svg{width:18px;height:18px}.gamecard-text-content{flex:1;display:flex;flex-direction:column;justify-content:center}.gamecard-title{font-size:1rem;margin-bottom:2px}.gamecard-desc{font-size:.75rem;margin-bottom:0;line-height:1.2;max-width:none;opacity:.7}.gamecard-cta{display:none}.mobile-only{display:grid}.desktop-only{display:none}}.template-selector-overlay{position:fixed;inset:0;background:#020617d9;display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:var(--space-4, 1rem);padding-top:4rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fade-in .2s ease-out}.template-selector{background:var(--bg-panel, rgba(15, 23, 42, .95));border:var(--border-glass, 1px solid rgba(255, 255, 255, .1));border-radius:var(--radius-2xl, 24px);max-width:800px;width:100%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl, 0 25px 50px -12px rgba(0, 0, 0, .5));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);animation:scale-in .25s ease-out}.template-selector__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5, 1.25rem) var(--space-6, 1.5rem);border-bottom:var(--border-glass, 1px solid rgba(255, 255, 255, .1))}.template-selector__header h2{margin:0;color:var(--text-primary, #f8fafc);font-size:var(--font-size-xl, 1.25rem);font-weight:var(--font-weight-bold, 700);letter-spacing:-.02em}.template-selector__close{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:transparent;border:none;color:var(--text-secondary, #cbd5e1);border-radius:var(--radius-lg, 12px);cursor:pointer;transition:all var(--transition-fast, .15s) ease}.template-selector__close:hover{background:#ffffff1a;color:var(--text-primary, #f8fafc)}.template-selector__close:focus-visible{outline:var(--border-focus, 2px solid var(--primary));outline-offset:2px}.template-selector__search{display:flex;flex-direction:column;gap:var(--space-3, .75rem);padding:var(--space-4, 1rem) var(--space-6, 1.5rem);border-bottom:var(--border-glass, 1px solid rgba(255, 255, 255, .1));background:#0f172a80}@media (min-width: 640px){.template-selector__search{flex-direction:row;align-items:center}}.template-selector__search-wrapper{position:relative;flex:1;display:flex;align-items:center}.template-selector__search-icon{position:absolute;left:var(--space-4, 1rem);color:var(--text-muted, #94a3b8);pointer-events:none}.template-selector__search-input{width:100%;padding:var(--space-3, .75rem) var(--space-4, 1rem);padding-left:calc(var(--space-4, 1rem) + 28px);padding-right:var(--space-10, 2.5rem);border:var(--border-glass, 1px solid rgba(255, 255, 255, .1));border-radius:var(--radius-lg, 12px);background:var(--surface-glass, rgba(30, 41, 59, .6));color:var(--text-primary, #f8fafc);font-size:var(--font-size-base, 1rem);outline:none;transition:all var(--transition-fast, .15s) ease;min-height:var(--touch-target-min, 44px)}.template-selector__search-input::placeholder{color:var(--text-muted, #94a3b8)}.template-selector__search-input:focus{border-color:var(--primary, #818cf8);box-shadow:0 0 0 3px var(--primary-glow, rgba(129, 140, 248, .3))}.template-selector__search-clear{position:absolute;right:var(--space-3, .75rem);display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff1a;border:none;border-radius:var(--radius-full, 9999px);color:var(--text-muted, #94a3b8);cursor:pointer;transition:all var(--transition-fast, .15s) ease}.template-selector__search-clear:hover{background:#fff3;color:var(--text-primary, #f8fafc)}.template-selector__filter{position:relative;min-width:180px}.template-selector__dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2, .5rem);width:100%;padding:var(--space-3, .75rem) var(--space-4, 1rem);background:var(--surface-glass, rgba(30, 41, 59, .6));border:var(--border-glass, 1px solid rgba(255, 255, 255, .1));border-radius:var(--radius-lg, 12px);color:var(--text-primary, #f8fafc);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500);cursor:pointer;transition:all var(--transition-fast, .15s) ease;min-height:var(--touch-target-min, 44px)}.template-selector__dropdown-trigger:hover{border-color:#fff3;background:var(--surface-glass-hover, rgba(51, 65, 85, .7))}.template-selector__dropdown-trigger:focus-visible{outline:var(--border-focus, 2px solid var(--primary));outline-offset:2px}.dropdown-chevron{transition:transform var(--transition-fast, .15s) ease}.dropdown-chevron--open{transform:rotate(180deg)}.template-selector__dropdown{position:absolute;top:calc(100% + var(--space-2, .5rem));left:0;right:0;background:var(--bg-elevated, rgba(30, 41, 59, .95));border:var(--border-glass, 1px solid rgba(255, 255, 255, .1));border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, .4));z-index:10;overflow:hidden;animation:slide-down .15s ease-out}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.template-selector__dropdown-item{display:block;width:100%;padding:var(--space-3, .75rem) var(--space-4, 1rem);background:transparent;border:none;color:var(--text-secondary, #cbd5e1);font-size:var(--font-size-sm, .875rem);text-align:left;cursor:pointer;transition:all var(--transition-fast, .15s) ease}.template-selector__dropdown-item:hover{background:#ffffff1a;color:var(--text-primary, #f8fafc)}.template-selector__dropdown-item--selected{background:#818cf826;color:var(--primary, #818cf8)}.template-selector__results-info{padding:var(--space-3, .75rem) var(--space-6, 1.5rem);color:var(--text-muted, #94a3b8);font-size:var(--font-size-sm, .875rem);border-bottom:var(--border-glass, 1px solid rgba(255, 255, 255, .05))}.template-selector__grid{flex:1;overflow-y:auto;padding:var(--space-4, 1rem) var(--space-6, 1.5rem);display:grid;grid-template-columns:1fr;grid-auto-rows:min-content;gap:var(--space-3, .75rem)}@media (min-width: 640px){.template-selector__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4, 1rem)}}.template-card{display:flex;flex-direction:column;width:100%;padding:var(--space-4, 1rem);background:var(--surface-glass, rgba(30, 41, 59, .4));border:var(--border-glass, 1px solid rgba(255, 255, 255, .1));border-radius:var(--radius-lg, 12px);cursor:pointer;transition:all var(--transition-fast, .15s) ease;text-align:left;min-height:var(--touch-target-min, 44px);height:auto;min-height:auto;appearance:none;-webkit-appearance:none;white-space:normal;flex-shrink:0}.template-card:hover{background:var(--surface-glass-hover, rgba(51, 65, 85, .6));border-color:#fff3;transform:translateY(-2px);box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .3))}.template-card:focus-visible{outline:var(--border-focus, 2px solid var(--primary));outline-offset:2px}.template-card__content{display:flex;flex-direction:column;gap:var(--space-2, .5rem)}.template-card__title{margin:0;color:var(--text-primary, #f8fafc);font-size:var(--font-size-base, 1rem);font-weight:var(--font-weight-semibold, 600);line-height:var(--line-height-snug, 1.25)}.template-card__description{margin:0;color:var(--text-secondary, #cbd5e1);font-size:var(--font-size-sm, .875rem);line-height:var(--line-height-normal, 1.5);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2, .5rem);margin-top:var(--space-2, .5rem)}.template-card__type{font-size:var(--font-size-xs, .75rem);padding:var(--space-1, .25rem) var(--space-2, .5rem);border-radius:var(--radius-sm, 4px);background:#ffffff1a;color:var(--text-muted, #94a3b8);text-transform:uppercase;font-weight:var(--font-weight-semibold, 600);letter-spacing:.05em}.template-card__badge{font-size:var(--font-size-xs, .75rem);padding:var(--space-1, .25rem) var(--space-2, .5rem);border-radius:var(--radius-sm, 4px);font-weight:var(--font-weight-semibold, 600);text-transform:uppercase;letter-spacing:.03em}.template-card__badge--popular{background:#fbbf2426;color:var(--accent-gold, #fbbf24)}.template-card__badge--new{background:#22d3ee26;color:var(--accent-cyan, #22d3ee)}.template-selector__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12, 3rem) var(--space-6, 1.5rem);text-align:center}.template-selector__empty p{margin:0;color:var(--text-primary, #f8fafc);font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-medium, 500)}.template-selector__empty span{margin-top:var(--space-2, .5rem);color:var(--text-muted, #94a3b8);font-size:var(--font-size-sm, .875rem)}@media (max-width: 768px){.template-selector-overlay{padding:0}.template-selector{border-radius:0;max-height:100vh;height:100vh}.template-selector__header{padding:var(--space-4, 1rem);padding-top:calc(var(--space-4, 1rem) + env(safe-area-inset-top,0))}.template-selector__search{padding:var(--space-4, 1rem)}.template-selector__grid{padding:var(--space-4, 1rem);padding-bottom:calc(var(--space-4, 1rem) + env(safe-area-inset-bottom,0))}.template-selector__results-info{padding:var(--space-3, .75rem) var(--space-4, 1rem)}}.step-indicator{width:100%;padding:var(--space-4, 1rem) 0;margin-bottom:var(--space-6, 1.5rem)}.step-indicator__track{display:flex;align-items:center;justify-content:center;gap:0}.step-indicator__step{display:flex;flex-direction:column;align-items:center;gap:var(--space-2, .5rem);padding:var(--space-2, .5rem);background:transparent;border:none;cursor:default;transition:all var(--transition-normal, .25s) ease;min-width:80px}.step-indicator__step:not(:disabled){cursor:pointer}.step-indicator__step:not(:disabled):hover .step-indicator__number{transform:scale(1.1)}.step-indicator__step:focus-visible{outline:var(--border-focus, 2px solid var(--primary));outline-offset:4px;border-radius:var(--radius-md, 8px)}.step-indicator__number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full, 9999px);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-semibold, 600);transition:all var(--transition-normal, .25s) ease;border:2px solid transparent}.step-indicator__step--pending .step-indicator__number{background:var(--surface-glass, rgba(30, 41, 59, .6));color:var(--text-muted, #94a3b8);border-color:#ffffff1a}.step-indicator__step--active .step-indicator__number{background:var(--gradient-primary, linear-gradient(135deg, #818cf8, #c084fc));color:#fff;border-color:transparent;box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .3)),0 0 20px var(--primary-glow, rgba(129, 140, 248, .4));animation:step-pulse 2s ease-in-out infinite}@keyframes step-pulse{0%,to{box-shadow:var(--shadow-md),0 0 20px var(--primary-glow, rgba(129, 140, 248, .4))}50%{box-shadow:var(--shadow-md),0 0 30px var(--primary-glow, rgba(129, 140, 248, .6))}}.step-indicator__step--complete .step-indicator__number{background:var(--accent-success, #34d399);color:#fff;border-color:transparent}.step-indicator__label{font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-medium, 500);text-transform:uppercase;letter-spacing:.05em;transition:color var(--transition-fast, .15s) ease;white-space:nowrap}.step-indicator__step--pending .step-indicator__label{color:var(--text-muted, #94a3b8)}.step-indicator__step--active .step-indicator__label{color:var(--text-primary, #f8fafc)}.step-indicator__step--complete .step-indicator__label{color:var(--accent-success, #34d399)}.step-indicator__connector{flex:1;height:2px;max-width:60px;min-width:20px;background:#ffffff1a;margin:0 var(--space-1, .25rem);margin-bottom:calc(var(--space-2, .5rem) + var(--font-size-xs, .75rem) + 4px);transition:background var(--transition-normal, .25s) ease}.step-indicator__connector--complete{background:var(--accent-success, #34d399)}@media (max-width: 767px){.step-indicator{padding:var(--space-3, .75rem) 0;margin-bottom:var(--space-4, 1rem)}.step-indicator__step{min-width:60px;padding:var(--space-1, .25rem)}.step-indicator__number{width:32px;height:32px;font-size:var(--font-size-xs, .75rem)}.step-indicator__label{font-size:.625rem}.step-indicator__connector{max-width:40px;min-width:16px}}@media (max-width: 360px){.step-indicator__label{display:none}.step-indicator__connector{margin-bottom:0}.step-indicator__step{min-width:44px}}.workbench-container{width:100%;min-height:calc(100vh - 64px);display:flex;flex-direction:column;align-items:center;padding:.5rem 2rem 2rem;box-sizing:border-box;gap:2rem}.workbench-panel{width:100%;max-width:900px;background:linear-gradient(165deg,#3b82f61f,#3b82f60f,#3b82f61a);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.2);border-radius:24px;padding:2rem;display:flex;flex-direction:column;gap:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px 1px #3b82f61a}.workbench-header{width:100%;max-width:900px;display:flex;justify-content:flex-start}.workbench-step{display:flex;flex-direction:column;gap:1.5rem;transition:all .3s ease}.workbench-step--hidden{display:none}.step-header{display:flex;align-items:center;gap:1rem}.step-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0}.task-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.task-type-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:16px;color:#a1a1aa;cursor:pointer;transition:all .2s ease;position:relative}.task-type-btn:hover{background:#3b82f626;border-color:#3b82f64d;color:#fff}.task-type-btn--selected{background:#3b82f640;border-color:#3b82f680;color:#fff;box-shadow:0 0 20px #3b82f633}.task-type-btn__check{position:absolute;top:.5rem;right:.5rem;font-size:.875rem}.prompt-container{width:100%}.prompt-textarea{width:100%;min-height:120px;padding:1rem;background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:12px;color:#fff;font-family:inherit;font-size:1rem;resize:vertical;transition:border-color .2s}.prompt-textarea:focus{outline:none;border-color:#3b82f680;box-shadow:0 0 0 2px #3b82f61a}.create-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem}.create-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#3b82f6cc;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.create-btn:hover:not(:disabled){background:#3b82f6;box-shadow:0 0 20px #3b82f64d}.create-btn:disabled{opacity:.5;cursor:not-allowed}.attach-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#3b82f614;border:1px solid rgba(59,130,246,.2);color:#a1a1aa;border-radius:8px;cursor:pointer;transition:all .2s}.attach-btn:hover:not(:disabled){border-color:#3b82f666;background:#3b82f626;color:#fff}.workbench-footer{border-top:1px solid rgba(59,130,246,.15);padding-top:1rem}.template-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:6px;color:#e4e4e7;font-size:.875rem;cursor:pointer;transition:all .2s}.template-btn:hover{background:#3b82f626;border-color:#3b82f64d;color:#fff}.live-talk-wrapper{position:relative}.live-talk-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f61f;border:1px solid rgba(59,130,246,.25);border-radius:6px;color:#e4e4e7;font-size:.875rem;cursor:pointer;transition:all .2s}.live-talk-btn:hover:not(:disabled){background:#3b82f633;border-color:#3b82f666;color:#fff}.live-talk-btn--active{background:#3b82f640;border-color:#3b82f680;color:#fff;box-shadow:0 0 15px #3b82f633}.live-talk-btn__icon{color:#3b82f6b3}.live-talk-btn--active .live-talk-btn__icon{color:#3b82f6}.live-talk-btn__icon--pulsing{animation:pulse 1.5s infinite}.live-talk-btn__pulse{width:8px;height:8px;border-radius:50%;background:#3b82f6;animation:pulse 1s infinite}.live-talk-btn__duration{font-variant-numeric:tabular-nums;font-size:.75rem}.live-talk-onboarding{position:absolute;top:calc(100% + 8px);right:0;background:#3b82f6e6;color:#fff;padding:.75rem;border-radius:8px;width:max-content;max-width:200px;font-size:.875rem;z-index:10;box-shadow:0 4px 12px #0003}.live-talk-onboarding:before{content:"";position:absolute;top:-4px;right:16px;width:8px;height:8px;background:#3b82f6e6;transform:rotate(45deg)}.live-talk-onboarding__dismiss{margin-top:.5rem;background:#fff3;border:none;padding:.25rem .5rem;border-radius:4px;color:#fff;font-size:.75rem;cursor:pointer}.attachments-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.attachment-chip{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#3b82f61a;border-radius:8px;border:1px solid rgba(59,130,246,.2)}.attachment-thumb{width:32px;height:32px;border-radius:4px;object-fit:cover}.attachment-icon{width:32px;height:32px;border-radius:4px;background:#3b82f626;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;color:#a1a1aa}.attachment-info{display:flex;flex-direction:column}.attachment-name{font-size:.875rem;color:#fff;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{font-size:.75rem;color:#a1a1aa}.attachment-remove{background:none;border:none;color:#71717a;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center}.attachment-remove:hover{color:#ef4444}.timeline-container{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(59,130,246,.15)}.timeline-title{font-size:1rem;font-weight:600;color:#a1a1aa;margin:0 0 1rem}.timeline-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#3b82f60d;border:1px solid rgba(59,130,246,.15);border-radius:8px;color:#71717a}.timeline-item.in_progress{border-color:#3b82f666;color:#fff;background:#3b82f626}.timeline-item.completed{border-color:#22c55e;color:#fff}.spinner{width:16px;height:16px;border:2px solid rgba(59,130,246,.3);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.error-banner{padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#fca5a5;margin-top:1rem}@media (max-width: 768px){.workbench-container{padding:12px}.workbench-panel{padding:1rem;gap:1rem}.task-type-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.task-type-btn{padding:1rem}.step-title{font-size:1.1rem}.create-actions{flex-direction:column-reverse;align-items:stretch}.create-actions__left{width:100%}.attach-btn,.create-btn,.template-btn,.live-talk-btn{width:100%;justify-content:center}}.agentic-results-grid{display:flex;flex-direction:column;gap:24px}@media (min-width: 1024px){.agentic-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:24px;align-items:start}}.agentic-result-card{background:radial-gradient(circle at 20% 20%,#c447471f,#121522e6);border:1px solid rgba(231,120,91,.26);border-radius:18px;padding:24px;box-shadow:0 12px 32px #05081459;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;gap:20px;min-height:320px}.agentic-result-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.agentic-result-card__eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.2em;color:#a8c3ffcc;margin:0 0 8px}.agentic-result-card__title{font-size:1.25rem;color:#f8f9ff;margin:0 0 6px}.agentic-result-card__summary{color:#e0e8ffd9;margin:0;line-height:1.6}.result-actions{display:flex;gap:8px;flex-wrap:wrap}.result-action{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#e6edff;font-size:12px;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.result-action:hover{background:#668fff40;border-color:#668fff73;transform:translateY(-1px)}.presentation-hero{position:relative;overflow:hidden;padding:20px;border-radius:16px;background:linear-gradient(135deg,#26407a66,#1a1924d1);border:1px solid rgba(93,136,204,.22);display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.presentation-hero__glow{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.18),transparent 40%);pointer-events:none;opacity:.7}.presentation-hero>*{position:relative;z-index:1}.image-result__preview{position:relative;border-radius:16px;background:radial-gradient(circle at top,#667eea59,#0f1835cc);min-height:280px;display:flex;align-items:center;justify-content:center;overflow:hidden;max-height:520px}.image-result__preview img{width:100%;height:auto;object-fit:contain;max-height:440px;border-radius:12px;transition:transform .5s ease}.image-result__preview img:hover{transform:scale(1.015)}.image-result__meta{position:absolute;left:16px;bottom:16px;display:flex;gap:8px}.image-result__chip{font-size:11px;padding:6px 10px;border-radius:999px;background:#05061099;border:1px solid rgba(255,255,255,.2);color:#e0e8ff}.image-result__prompt{background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:12px;padding:16px}.image-result__prompt h4,.presentation-result__cta h4,.website-result__section-title{margin:0 0 8px;color:#9cbcff;text-transform:uppercase;font-size:12px;letter-spacing:.2em}.persona-journey__grid{display:flex;flex-direction:column;gap:16px;align-items:stretch}.persona-journey__rail{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px}.persona-card{width:100%;text-align:left;background:linear-gradient(145deg,#3e58a259,#191c2ceb);border:1px solid rgba(137,180,255,.25);border-radius:14px;padding:14px;color:#f2f6ff;cursor:pointer;transition:border-color .2s ease,transform .2s ease,box-shadow .25s ease}.persona-card:hover{border-color:#ffc67c99;transform:translateY(-2px);box-shadow:0 10px 24px #080c1c52}.video-preview{position:relative;border-radius:14px;overflow:hidden;background:linear-gradient(140deg,#304a8c66,#131a2ce6);border:1px solid rgba(118,160,255,.3);min-height:220px;box-shadow:0 12px 28px #05081452}.video-preview video{width:100%;height:100%;display:block;object-fit:cover;background:#0b1f2f;border-radius:12px}.video-preview__thumb{width:100%;height:auto;display:block;object-fit:cover;max-height:320px}.video-preview__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:linear-gradient(120deg,#ffffff14,#6ff3d233);color:#f4f7ff;font-weight:700;letter-spacing:.06em;cursor:pointer;box-shadow:0 10px 22px #00000047;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.video-preview__play:hover{transform:translate(-50%,-50%) scale(1.02);box-shadow:0 20px 44px #0000006b;border-color:#6ff3d299}.video-preview__fallback{position:absolute;left:12px;right:12px;bottom:12px;padding:10px 12px;border-radius:12px;background:#050610c7;border:1px solid rgba(255,255,255,.14);color:#e6edff;font-size:13px;line-height:1.45}.video-preview__meta{position:absolute;left:12px;bottom:12px;display:flex;gap:8px;flex-wrap:wrap;pointer-events:none}.video-preview__meta--inline{position:static;margin-top:10px;padding-top:6px;pointer-events:auto}.video-preview__meta .video-chip{pointer-events:auto}.video-chip{font-size:11px;padding:6px 10px;border-radius:999px;background:#050610a6;border:1px solid rgba(255,255,255,.2);color:#e0e8ff}.video-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.video-meta{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px}.video-meta__label{margin:0 0 6px;text-transform:uppercase;letter-spacing:.18em;color:#9cbcff;font-size:11px}.video-meta__value{margin:0;color:#f2f6ff;line-height:1.5}.storyboard-list{margin-top:14px;display:flex;flex-direction:column;gap:10px}.storyboard-header{display:flex;align-items:center;gap:10px}.video-section-title{margin:0;color:#9cbcff;text-transform:uppercase;letter-spacing:.2em;font-size:12px}.storyboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.storyboard-card{background:linear-gradient(150deg,#ffffff08,#567fd614);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px}.storyboard-card__top{display:flex;gap:10px;align-items:center;margin-bottom:8px}.storyboard-index{width:30px;height:30px;border-radius:50%;background:#6eacff33;border:1px solid rgba(110,172,255,.4);color:#e6edff;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.storyboard-title{margin:0;color:#f6f8ff;font-weight:700}.storyboard-meta{margin:2px 0 0;color:#e6edffbf;font-size:12px}.storyboard-voiceover{margin:0 0 6px;color:#e6edff;line-height:1.5}.storyboard-visual{margin:0;color:#e0e8ffcc;font-size:13px;line-height:1.5}.persona-card.is-selected{border-color:#6ff3d2cc;box-shadow:0 16px 38px #2ac7aa59}.persona-journey__rail .persona-card{min-width:260px;max-width:280px}.persona-card--empty{cursor:default}.persona-card__top{display:flex;gap:10px;align-items:center}.persona-card__avatar{width:64px;height:82px;border-radius:16px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(140deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 28px #0006}.persona-card__avatar svg{width:78px;height:98px;transform:translateY(4px)}.persona-card__avatar--sims{background:linear-gradient(145deg,#ffffff14,#6c9bff14)}.persona-card__badge{position:absolute;bottom:6px;right:6px;padding:4px 8px;border-radius:10px;background:#060912d9;color:#e8f1ff;font-size:11px;letter-spacing:.04em;border:1px solid rgba(255,255,255,.16)}.persona-card__badge--plumbob{width:12px;height:12px;padding:0;bottom:auto;top:6px;right:6px;border-radius:4px}.persona-card__meta{flex:1}.persona-card__name{font-weight:700}.persona-card__role{color:#e7ecffc2;font-size:13px;margin-top:2px}.persona-card__chip{padding:6px 10px;border-radius:999px;background:#ffc67c29;border:1px solid rgba(255,198,124,.5);color:#ffd7a1;font-size:12px}.persona-card__muted{color:#d6e0ffb3;font-size:12px}.persona-card__lists{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-top:10px}.persona-card__list ul{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:6px}.persona-card__list li{font-size:13px;color:#ebf1ffe6;line-height:1.4}.persona-card__pill{display:inline-block;padding:4px 8px;border-radius:10px;background:#6ff3d224;color:#8cf6dc;font-size:11px;letter-spacing:.04em;text-transform:uppercase}.persona-card__pill--warm{background:#ff9b8c29;color:#ffc8b5}.persona-card__channels{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.persona-card__channel{padding:6px 10px;border-radius:999px;background:#6c9bff24;border:1px solid rgba(108,155,255,.35);color:#dce7ff;font-size:12px}.persona-card__quote{margin:12px 0 0;padding:10px 12px;border-left:3px solid rgba(255,198,124,.6);background:#ffffff0a;color:#e9eeffe0;font-size:13px}.persona-journey__board{background:linear-gradient(125deg,#11182aeb,#1e1226e6);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px;box-shadow:inset 0 1px #ffffff0d;display:grid;gap:14px}.persona-highlight{display:grid;gap:10px;padding:12px;border-radius:14px;background:linear-gradient(130deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 22px #00000042}.persona-highlight__header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.persona-highlight__name{margin:0;color:#f7fbff;font-size:1.1rem}.persona-highlight__role{margin:4px 0 0;color:#dce8ffc7;font-size:13px}.persona-highlight__chips{display:flex;flex-wrap:wrap;gap:8px}.persona-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#e6edff}.persona-chip--goal{border-color:#6ff3d266;color:#9df4dc}.persona-chip--pain{border-color:#ffad7873;color:#ffd7b5}.persona-chip--channel{border-color:#88b3ff66;color:#cfe1ff}.journey-pull{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:14px;border-radius:12px;background:linear-gradient(120deg,#405dbf59,#6be2c829);border:1px solid rgba(137,180,255,.28)}.journey-pull__eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:#c4d7ffcc}.journey-pull__headline{font-weight:700;margin:6px 0 4px;color:#f7fbff;font-size:18px}.journey-pull__sub{color:#e0ecffd9;font-size:14px;line-height:1.45}.journey-pull__cta{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.journey-pull__chip{padding:6px 10px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);color:#e6edff;font-size:12px}.journey-stages{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.journey-stage{background:linear-gradient(145deg,#1e294ce6,#131624eb);border:1px solid rgba(111,243,210,.14);border-radius:14px;padding:12px;display:grid;gap:10px}.journey-stage__header{display:flex;gap:8px;align-items:center}.journey-stage__dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#6ff3d2,#6c9bff);box-shadow:0 0 0 6px #6ff3d214}.journey-stage__eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:#adceffd9}.journey-stage__title{font-weight:700;color:#f7fbff;margin-top:2px}.journey-stage__body{display:grid;gap:10px}.journey-stage__label{margin:0 0 2px;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:#aac5f5d9}.journey-stage__text{margin:0;color:#e6eeffe6;line-height:1.45}.journey-stage__cta{display:flex;justify-content:space-between;align-items:center}.journey-stage__chip{padding:6px 10px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.16);color:#e6edff;font-size:12px}.journey-stage__risk{border-top:1px dashed rgba(255,198,124,.35);padding-top:8px;color:#ffc67ce6}.journey-stage__risk p{margin:4px 0 0;color:#ffd7b4e6}@media (max-width: 1024px){.persona-journey__grid,.journey-pull{flex-direction:column}}@media (max-width: 640px){.persona-card__lists{grid-template-columns:1fr}.journey-stages{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.image-result__prompt p{margin:0;color:#f5f8ffe0;line-height:1.5}.presentation-result__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:10px}.presentation-summary{margin:10px 0 6px;padding:14px 16px;border-radius:12px;background:linear-gradient(120deg,#00d2ff1f,#ff9f5b1f,#ff6fd81f);border:1px solid rgba(255,255,255,.18);color:#dce6ffe6;line-height:1.5}.presentation-slide{border-radius:16px;padding:16px;background:linear-gradient(150deg,#2d457a7a,#141a30eb);border:1px solid rgba(107,222,255,.18);min-height:190px;display:flex;flex-direction:column;gap:12px;box-shadow:0 12px 30px #00000047;overflow:hidden}.presentation-slide__header{display:flex;align-items:center;gap:10px;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:6px}.presentation-slide__index{font-size:12px;color:#ffffffd9;letter-spacing:.12em;padding:6px 10px;border-radius:999px;background:linear-gradient(120deg,#00d2ff40,#ff9f5b40)}.presentation-slide h5{margin:0;color:#fdfefe;font-size:1.08rem}.presentation-slide ul{margin:0;padding-left:18px;color:#e6ecfff2;display:flex;flex-direction:column;gap:6px;flex:1}.presentation-slide__notes{margin:0;font-size:12px;color:#93c7ffeb;font-style:italic}.presentation-result__cta{border-radius:12px;padding:16px;background:linear-gradient(120deg,#6bdeff26,#50baff14);border:1px solid rgba(107,222,255,.4);color:#9de7ff}.website-result__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}.website-section-card{padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#0f1026eb,#1a2144e6);box-shadow:inset 0 1px #ffffff0a;min-height:140px}.website-section-card h5{margin:0 0 8px;color:#f8fbff;font-size:1.05rem}.website-section-card p{margin:0;color:#dde5ffe6;line-height:1.5}.website-result__preview{border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#1b1c22f0,#0c1016f5);min-height:480px;position:relative;box-shadow:0 12px 36px #00000052;padding-top:44px;width:100%}.website-result__preview iframe{border:none;width:100%;display:block;min-height:480px;margin-top:-4px;background:linear-gradient(180deg,#0f131c,#151d29 40%,#0f131c)}.browser-chrome{position:absolute;top:0;left:0;right:0;height:44px;display:flex;align-items:center;gap:10px;padding:0 14px;background:linear-gradient(90deg,#ffffff14,#ffffff05);border-bottom:1px solid rgba(255,255,255,.08)}.browser-chrome__dot{width:10px;height:10px;border-radius:50%;background:#ffbe788c;box-shadow:0 0 0 1px #0003}.browser-chrome__bar{flex:1;height:26px;border-radius:8px;background:#0c1a288c;border:1px solid rgba(255,255,255,.08);color:#ecf2ffd1;padding:0 10px;display:flex;align-items:center;font-size:12px}.website-keywords{display:flex;flex-wrap:wrap;gap:8px}.website-keyword{padding:8px 14px;border-radius:999px;background:#667eea2e;color:#eef3ff;font-size:12px;box-shadow:inset 0 1px #ffffff0f}.website-palette{display:flex;gap:8px;align-items:center}.website-palette__swatch{width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.4)}.agentic-result__subtext{font-size:13px;color:#cfdbfdcc;margin:0}.agentic-result-card__meta-row{display:flex;gap:16px;flex-wrap:wrap;color:#bccbf8e0;font-size:13px}.agentic-result-card__meta-row span{display:inline-flex;align-items:center;gap:6px}.agentic-result-card__meta-dot{width:6px;height:6px;border-radius:50%;background:#667eeacc}.desktop-result__status{padding:8px 12px;border-radius:999px;background:#6ff3d229;color:#6ff3d2;border:1px solid rgba(111,243,210,.3);font-size:12px;height:max-content}.desktop-result__frames{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.desktop-result__frame{background:linear-gradient(140deg,#13233fbf,#182e5399);border:1px solid rgba(103,126,234,.24);border-radius:12px;padding:12px;box-shadow:0 14px 32px #00000052}.desktop-result__frame-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.desktop-result__cursor-dot{width:12px;height:12px;border-radius:50%;background:#8af7ff;box-shadow:0 0 0 4px #8af7ff26}.desktop-result__frame-titles{flex:1}.desktop-result__frame-title{margin:0;font-weight:700;color:#eef3ff}.desktop-result__frame-subtitle{margin:2px 0 0;color:#d2dcffd9;font-size:13px}.desktop-result__frame-body{margin:6px 0 0;color:#ebf3ffdb;font-size:13px;line-height:1.5}.desktop-result__step-index{font-size:12px;color:#bccbf8c7;padding:4px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff0f}.influencer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.influencer-block{background:linear-gradient(145deg,#4062b44d,#141828eb);border:1px solid rgba(132,176,255,.28);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}.influencer-block__title{font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#c5d7ff;font-size:12px}.influencer-persona{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.influencer-label{margin:0;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#c8d7ffb3}.influencer-value{margin:2px 0 0;color:#eef2ff;font-weight:600}.influencer-subtext{margin:0;color:#dce6ffd9;line-height:1.5}.influencer-meta-row,.chip-row{display:flex;flex-wrap:wrap;gap:8px}.meta-chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#e6edff;font-size:12px}.pill-chip{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:#6ff3d21f;color:#e7fff8;border:1px solid rgba(111,243,210,.35);font-size:12px;letter-spacing:.01em}.pill-chip--accent{background:linear-gradient(120deg,#ffcf5b4d,#6ff3d238);color:#0f1524;border-color:#ffcf5b8c}.pill-list,.sample-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.micro-card{background:linear-gradient(145deg,#20345cb3,#12141ee6);border:1px solid rgba(120,160,255,.28);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px;box-shadow:0 10px 26px #0508144d}.micro-card__header{display:flex;justify-content:space-between;gap:8px;align-items:center}.micro-card__eyebrow{margin:0;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#b8cbffcc}.micro-card__body{margin:0;color:#e2ebffe6;line-height:1.5}.micro-card__foot{margin:0;color:#c1d2ffc7;font-size:13px}.influencer-preview{position:relative;border-radius:14px;overflow:hidden;margin-bottom:12px;background:radial-gradient(circle at 20% 20%,#667eea52,#0c101ceb);border:1px solid rgba(120,160,255,.35)}.influencer-preview img{width:100%;height:auto;display:block;object-fit:cover}.influencer-preview .image-result__chip{position:absolute;left:12px;bottom:12px}.roadmap-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.roadmap-list li{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#eef2ff}.roadmap-step{font-weight:700;color:#9cbcff;letter-spacing:.08em}.stack-title{font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#cfe2ff;font-size:12px}@media (max-width: 768px){.agentic-result-card{padding:16px;border-radius:12px;box-shadow:0 8px 18px #05081442;-webkit-backdrop-filter:none;backdrop-filter:none}.agentic-results-grid{gap:16px}.image-result__preview{min-height:240px}.image-result__preview img{max-height:360px}.website-result__preview{min-height:max(560px,120vh);padding-top:40px}.website-result__preview iframe{min-height:max(560px,120vh)}.presentation-result__grid{grid-template-columns:1fr}.presentation-slide{padding:14px}.browser-chrome{padding:0 10px}.influencer-grid,.sample-grid,.roadmap-list li{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.result-action,.persona-card,.feature-card,.presentation-slide,.video-preview__play{transition:none}}:root{--ar-primary: #a855f7;--ar-secondary: #22d3ee;--ar-accent: #f472b6;--ar-bg-deep: #0c0a1a;--ar-glass: rgba(139, 92, 246, .08);--ar-glass-border: rgba(139, 92, 246, .2);--ar-glow: rgba(168, 85, 247, .4);--ar-text-primary: #ffffff;--ar-text-secondary: rgba(255, 255, 255, .7);--ar-text-muted: rgba(255, 255, 255, .5)}@keyframes arGradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes arFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(5deg)}50%{transform:translateY(-10px) rotate(-3deg)}75%{transform:translateY(-25px) rotate(2deg)}}@keyframes arOrbit{0%{transform:rotate(0) translate(100px) rotate(0)}to{transform:rotate(360deg) translate(100px) rotate(-360deg)}}@keyframes arPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}@keyframes arShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes arParticleFloat{0%,to{transform:translateY(0) translate(0) scale(1);opacity:.4}25%{transform:translateY(-30px) translate(15px) scale(1.2);opacity:.8}50%{transform:translateY(-50px) translate(-10px) scale(.8);opacity:.3}75%{transform:translateY(-20px) translate(-20px) scale(1.1);opacity:.6}}@keyframes arGlow{0%,to{box-shadow:0 0 20px var(--ar-glow),0 0 40px #22d3ee33}50%{box-shadow:0 0 40px var(--ar-glow),0 0 80px #22d3ee4d}}@keyframes arTitleReveal{0%{opacity:0;transform:translateY(30px);filter:blur(10px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes arCardEntrance{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ar-creator-container{flex:1;display:flex;flex-direction:column;min-height:calc(100vh - 64px);overflow-x:hidden;overflow-y:auto;position:relative;background:radial-gradient(ellipse at top,#1a1035 0%,var(--ar-bg-deep) 50%,#0a0612 100%)}.ar-bg-layer{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.ar-bg-gradient{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 20% 20%,rgba(168,85,247,.15) 0%,transparent 50%),radial-gradient(ellipse 60% 80% at 80% 80%,rgba(34,211,238,.1) 0%,transparent 50%),radial-gradient(ellipse 50% 50% at 50% 50%,rgba(244,114,182,.08) 0%,transparent 60%);animation:arPulse 8s ease-in-out infinite}.ar-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(139,92,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.03) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%);mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%)}.ar-floating-orb{position:absolute;border-radius:50%;filter:blur(60px);animation:arFloat 12s ease-in-out infinite}.ar-floating-orb:nth-child(1){width:300px;height:300px;background:#a855f733;top:10%;left:5%;animation-delay:0s}.ar-floating-orb:nth-child(2){width:200px;height:200px;background:#22d3ee26;top:60%;right:10%;animation-delay:-4s}.ar-floating-orb:nth-child(3){width:250px;height:250px;background:#f472b61f;bottom:20%;left:30%;animation-delay:-8s}.ar-particles{position:absolute;inset:0}.ar-particle{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--ar-primary);animation:arParticleFloat 10s ease-in-out infinite}.ar-particle:nth-child(1){left:15%;top:20%;animation-delay:0s}.ar-particle:nth-child(2){left:85%;top:15%;animation-delay:-2s;background:var(--ar-secondary)}.ar-particle:nth-child(3){left:25%;top:70%;animation-delay:-4s}.ar-particle:nth-child(4){left:75%;top:65%;animation-delay:-6s;background:var(--ar-accent)}.ar-particle:nth-child(5){left:50%;top:30%;animation-delay:-8s;background:var(--ar-secondary)}.ar-particle:nth-child(6){left:10%;top:50%;animation-delay:-1s}.ar-particle:nth-child(7){left:90%;top:45%;animation-delay:-3s;background:var(--ar-accent)}.ar-particle:nth-child(8){left:40%;top:80%;animation-delay:-5s}.ar-content{position:relative;z-index:1;max-width:1400px;width:100%;margin:0 auto;padding:40px 24px 60px;display:flex;flex-direction:column;gap:48px}.ar-hero{text-align:center;animation:arTitleReveal 1s ease-out forwards}.ar-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:50px;background:#a855f71a;border:1px solid rgba(168,85,247,.3);color:var(--ar-primary);font-size:.85rem;font-weight:500;margin-bottom:20px;animation:arGlow 4s ease-in-out infinite}.ar-hero-badge svg{width:16px;height:16px}.ar-hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:16px;background:linear-gradient(135deg,#ffffff 0%,var(--ar-primary) 30%,var(--ar-secondary) 60%,#ffffff 100%);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:arGradientFlow 6s ease infinite}.ar-hero-subtitle{font-size:1.2rem;color:var(--ar-text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.ar-mode-section{animation:arCardEntrance .8s ease-out .2s backwards}.ar-section-label{font-size:.9rem;color:var(--ar-text-muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;text-align:center}.ar-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ar-mode-card{position:relative;padding:32px 24px;border-radius:24px;background:linear-gradient(165deg,var(--ar-glass) 0%,rgba(139,92,246,.04) 50%,var(--ar-glass) 100%);border:1px solid var(--ar-glass-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.ar-mode-card:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.05) 50%,transparent 60%);transform:translate(-100%);transition:transform .6s ease}.ar-mode-card:hover:before{transform:translate(100%)}.ar-mode-card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--ar-primary);box-shadow:0 20px 40px #0000004d,0 0 30px #a855f733,inset 0 1px 1px #ffffff1a}.ar-mode-card.ar-mode-card--selected{border-color:var(--ar-primary);background:linear-gradient(165deg,#a855f726,#a855f714,#a855f71f);box-shadow:0 0 30px #a855f74d,inset 0 1px 1px #ffffff1a}.ar-mode-card--consumer{--mode-color: var(--ar-secondary)}.ar-mode-card--enterprise{--mode-color: var(--ar-primary)}.ar-mode-card--sdk{--mode-color: var(--ar-accent)}.ar-mode-card--consumer.ar-mode-card--selected,.ar-mode-card--consumer:hover{border-color:var(--ar-secondary);box-shadow:0 0 30px #22d3ee4d,inset 0 1px 1px #ffffff1a}.ar-mode-card--enterprise.ar-mode-card--selected,.ar-mode-card--enterprise:hover{border-color:var(--ar-primary);box-shadow:0 0 30px #a855f74d,inset 0 1px 1px #ffffff1a}.ar-mode-card--sdk.ar-mode-card--selected,.ar-mode-card--sdk:hover{border-color:var(--ar-accent);box-shadow:0 0 30px #f472b64d,inset 0 1px 1px #ffffff1a}.ar-mode-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);margin-bottom:20px;transition:all .3s ease}.ar-mode-card:hover .ar-mode-icon,.ar-mode-card--selected .ar-mode-icon{background:#8b5cf633;border-color:var(--mode-color);transform:scale(1.1)}.ar-mode-icon svg{width:28px;height:28px;color:var(--mode-color);stroke-width:1.5}.ar-mode-title{font-size:1.3rem;font-weight:700;color:var(--ar-text-primary);margin-bottom:8px}.ar-mode-desc{font-size:.95rem;color:var(--ar-text-secondary);line-height:1.5;margin-bottom:16px}.ar-mode-features{display:flex;flex-wrap:wrap;gap:8px}.ar-mode-feature{padding:6px 12px;border-radius:50px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);font-size:.75rem;color:var(--ar-text-muted);transition:all .3s ease}.ar-mode-card:hover .ar-mode-feature,.ar-mode-card--selected .ar-mode-feature{background:#8b5cf61a;border-color:#8b5cf64d;color:var(--ar-text-secondary)}.ar-workspace{animation:arCardEntrance .8s ease-out .4s backwards}.ar-workspace-panel{border-radius:28px;background:linear-gradient(165deg,#8b5cf614,#8b5cf608,#8b5cf60f);border:1px solid var(--ar-glass-border);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);overflow:hidden}.ar-workspace-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid rgba(139,92,246,.15)}.ar-workspace-title{font-size:1.2rem;font-weight:600;color:var(--ar-text-primary);display:flex;align-items:center;gap:12px}.ar-workspace-title svg{color:var(--ar-primary)}.ar-workspace-actions{display:flex;gap:12px}.ar-action-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);color:var(--ar-text-secondary);font-size:.9rem;cursor:pointer;transition:all .3s ease}.ar-action-btn:hover{background:#8b5cf633;border-color:#8b5cf666;color:var(--ar-text-primary)}.ar-action-btn svg{width:18px;height:18px}.ar-workspace-body{padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:28px}.ar-prompt-area{display:flex;flex-direction:column;gap:20px}.ar-prompt-label{font-size:.9rem;color:var(--ar-text-muted);font-weight:500}.ar-prompt-textarea{width:100%;min-height:180px;padding:20px;border-radius:16px;background:#0000004d;border:1px solid rgba(139,92,246,.2);color:var(--ar-text-primary);font-size:1rem;font-family:Outfit,sans-serif;line-height:1.6;resize:vertical;transition:all .3s ease}.ar-prompt-textarea::placeholder{color:var(--ar-text-muted)}.ar-prompt-textarea:focus{outline:none;border-color:var(--ar-primary);box-shadow:0 0 20px #a855f733}.ar-suggestions{display:flex;flex-wrap:wrap;gap:8px}.ar-suggestion-chip{padding:8px 14px;border-radius:50px;background:#8b5cf614;border:1px solid rgba(139,92,246,.2);color:var(--ar-text-secondary);font-size:.8rem;cursor:pointer;transition:all .3s ease}.ar-suggestion-chip:hover{background:#8b5cf626;border-color:var(--ar-primary);color:var(--ar-text-primary)}.ar-preview-canvas{position:relative;border-radius:20px;background:linear-gradient(135deg,#0006,#8b5cf60d);border:1px solid rgba(139,92,246,.15);min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;overflow:hidden}.ar-preview-label{font-size:.9rem;color:var(--ar-text-muted);text-align:center;margin-top:10px}.ar-preview-placeholder{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--ar-text-muted);text-align:center;padding:40px}.ar-preview-placeholder svg{width:64px;height:64px;opacity:.5;color:var(--ar-primary)}.ar-preview-placeholder span{font-size:.95rem}.ar-device-frame{position:relative;width:180px;height:360px;border-radius:32px;border:3px solid rgba(255,255,255,.1);background:#0009;overflow:hidden;box-shadow:0 20px 60px #00000080,inset 0 0 20px #0000004d}.ar-device-frame:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:60px;height:6px;border-radius:3px;background:#ffffff1a}.ar-device-content{position:absolute;inset:20px 8px 8px;border-radius:24px;background:linear-gradient(180deg,#a855f733,#22d3ee1a,#f472b626);display:flex;align-items:center;justify-content:center;overflow:hidden}.ar-preview-image{width:100%;height:100%;object-fit:cover;border-radius:24px}.ar-device-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--ar-text-muted);font-size:.8rem}.ar-loading-spinner{width:40px;height:40px;border:3px solid rgba(168,85,247,.2);border-top-color:var(--ar-primary);border-radius:50%;animation:arSpinnerRotate 1s linear infinite}@keyframes arSpinnerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ar-device-content svg{width:40px;height:40px;color:var(--ar-primary);opacity:.6}.ar-device-screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.ar-scan-line{position:absolute;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent 0%,var(--ar-secondary) 20%,var(--ar-secondary) 80%,transparent 100%);box-shadow:0 0 10px var(--ar-secondary),0 0 20px var(--ar-secondary);animation:arScanMove 3s ease-in-out infinite}@keyframes arScanMove{0%,to{top:15%;opacity:.5}50%{top:85%;opacity:1}}.ar-target-corners{position:absolute;inset:20%}.ar-target-corners span{position:absolute;width:20px;height:20px;border-color:var(--ar-primary);border-style:solid;border-width:0}.ar-target-corners span:nth-child(1){top:0;left:0;border-top-width:2px;border-left-width:2px;border-top-left-radius:4px}.ar-target-corners span:nth-child(2){top:0;right:0;border-top-width:2px;border-right-width:2px;border-top-right-radius:4px}.ar-target-corners span:nth-child(3){bottom:0;left:0;border-bottom-width:2px;border-left-width:2px;border-bottom-left-radius:4px}.ar-target-corners span:nth-child(4){bottom:0;right:0;border-bottom-width:2px;border-right-width:2px;border-bottom-right-radius:4px}.ar-center-reticle{width:40px;height:40px;border:2px solid var(--ar-primary);border-radius:50%;position:relative;animation:arReticlePulse 2s ease-in-out infinite}.ar-center-reticle:before,.ar-center-reticle:after{content:"";position:absolute;background:var(--ar-primary)}.ar-center-reticle:before{width:2px;height:12px;left:50%;top:50%;transform:translate(-50%,-50%)}.ar-center-reticle:after{width:12px;height:2px;left:50%;top:50%;transform:translate(-50%,-50%)}@keyframes arReticlePulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:1}}.ar-output-config{padding:20px 28px;border-top:1px solid rgba(139,92,246,.15);display:flex;flex-wrap:wrap;align-items:center;gap:20px}.ar-config-group{display:flex;align-items:center;gap:12px}.ar-config-label{font-size:.85rem;color:var(--ar-text-muted)}.ar-platform-selector{display:flex;gap:4px;padding:4px;border-radius:12px;background:#0000004d;border:1px solid rgba(139,92,246,.15)}.ar-platform-btn{padding:8px 16px;border-radius:8px;background:transparent;border:none;color:var(--ar-text-muted);font-size:.85rem;cursor:pointer;transition:all .3s ease}.ar-platform-btn:hover{color:var(--ar-text-secondary)}.ar-platform-btn.ar-platform-btn--active{background:#a855f733;color:var(--ar-text-primary)}.ar-generate-btn{margin-left:auto;display:flex;align-items:center;gap:10px;padding:14px 32px;border-radius:14px;background:linear-gradient(135deg,var(--ar-primary) 0%,#9333ea 100%);border:none;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #a855f766}.ar-generate-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #a855f780}.ar-generate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.ar-generate-btn svg{width:20px;height:20px}.ar-error-banner{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:14px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;animation:arCardEntrance .4s ease-out}.ar-error-banner svg{flex-shrink:0}.ar-result-section{animation:arCardEntrance .6s ease-out}.ar-result-card{padding:32px;border-radius:24px;background:linear-gradient(165deg,#22c55e14,#22c55e08,#22c55e0f);border:1px solid rgba(34,197,94,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.ar-result-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.ar-result-success-icon{color:#34d399}.ar-result-title{font-size:1.4rem;font-weight:700;color:var(--ar-text-primary)}.ar-result-summary{font-size:1rem;color:var(--ar-text-secondary);line-height:1.6;margin-bottom:24px}.ar-result-details{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:16px;background:#0003;border:1px solid rgba(255,255,255,.05)}.ar-result-detail-item{display:flex;gap:12px}.ar-result-label{font-size:.9rem;color:var(--ar-text-muted);font-weight:500;min-width:120px}.ar-result-value{font-size:.9rem;color:var(--ar-text-primary);text-transform:capitalize}.ar-result-tech-specs,.ar-result-guide{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.05)}.ar-result-steps{list-style:decimal;padding-left:20px;margin:0;color:var(--ar-text-secondary);font-size:.9rem;line-height:1.8}.ar-templates{animation:arCardEntrance .8s ease-out .6s backwards}.ar-templates-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.ar-templates-title{font-size:1.3rem;font-weight:600;color:var(--ar-text-primary)}.ar-templates-nav{display:flex;gap:8px}.ar-templates-nav-btn{width:40px;height:40px;border-radius:12px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);color:var(--ar-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.ar-templates-nav-btn:hover{background:#8b5cf633;border-color:#8b5cf666;color:var(--ar-text-primary)}.ar-templates-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.ar-template-card{position:relative;aspect-ratio:4/3;border-radius:16px;background:linear-gradient(135deg,#8b5cf61a,#22d3ee0d);border:1px solid rgba(139,92,246,.15);overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.ar-template-card:hover{transform:translateY(-6px) scale(1.02);border-color:var(--ar-primary);box-shadow:0 20px 40px #0000004d,0 0 30px #a855f733}.ar-template-preview{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.ar-template-preview svg{width:48px;height:48px;color:var(--ar-primary);opacity:.4;transition:all .3s ease}.ar-template-card:hover .ar-template-preview svg{opacity:.8;transform:scale(1.1)}.ar-template-info{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(transparent 0%,#000c)}.ar-template-name{font-size:.95rem;font-weight:600;color:var(--ar-text-primary);margin-bottom:4px}.ar-template-category{font-size:.75rem;color:var(--ar-text-muted)}@media (max-width: 1024px){.ar-mode-grid{grid-template-columns:1fr;gap:16px}.ar-workspace-body{grid-template-columns:1fr}.ar-templates-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.ar-content{padding:24px 16px 40px;gap:32px}.ar-hero-title{font-size:2rem}.ar-hero-subtitle{font-size:1rem}.ar-mode-card{padding:24px 20px}.ar-workspace-header{flex-direction:column;align-items:flex-start;gap:16px}.ar-workspace-body{padding:20px}.ar-output-config{flex-direction:column;align-items:stretch}.ar-generate-btn{margin-left:0;justify-content:center}.ar-templates-grid{grid-template-columns:1fr 1fr;gap:12px}.ar-floating-orb{display:none}}@media (max-width: 480px){.ar-hero-title{font-size:1.6rem}.ar-templates-grid{grid-template-columns:1fr}.ar-prompt-textarea{min-height:140px;padding:16px}}