:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#eef2ff;background:#0b1020}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 10%,#2b1c55 0,transparent 35%),radial-gradient(circle at 80% 85%,#0e5465 0,transparent 34%),#0b1020}button,.button-link{border:0;border-radius:999px;background:#e9d5ff;color:#251047;padding:.8rem 1.2rem;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.button-secondary{background:transparent;color:#ddd6fe;border:1px solid #ffffff24}.text-link{color:#c4b5fd;text-decoration:none}.text-link:hover{text-decoration:underline}.landing,.card,.loading-card{max-width:760px;margin:0 auto;padding:14vh 2rem;position:relative}.landing-glow{position:absolute;inset:10% 0 auto;height:280px;background:radial-gradient(circle,#7c3aed33 0,transparent 70%);pointer-events:none}.landing h1,.card h1,.loading-card h1{font-size:clamp(2.7rem,8vw,6rem);line-height:.94;letter-spacing:-.06em;margin:.4rem 0 1.3rem}.landing p:not(.eyebrow),.card p:not(.eyebrow),.loading-card p:not(.eyebrow){font-size:1.15rem;color:#cbd5e1;max-width:560px}.lede{margin-bottom:2rem}.eyebrow{color:#c4b5fd;letter-spacing:.16em;font-size:.72rem;font-weight:800}.muted,.auth-hint{color:#94a3b8}.error-text{color:#fda4af}.card,.loading-card{margin-top:8vh;padding:3rem;border:1px solid #ffffff19;border-radius:24px;background:#11182ba8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.card-actions,.landing-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:1.5rem}.project-list{display:grid;gap:.7rem;margin-top:2rem}.project-list a{padding:1rem;border:1px solid #ffffff17;border-radius:12px;background:#ffffff08;color:#f8fafc;text-decoration:none;display:flex;justify-content:space-between}.project-list span{color:#c4b5fd}.google-button{min-height:44px;min-width:280px;padding:.7rem 1.25rem;border-radius:999px;border:1px solid #dadce0;background:#fff;color:#3c4043;font-weight:600;font-size:.95rem;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;box-shadow:0 1px 2px #00000014;transition:background .12s ease,box-shadow .12s ease}.google-button:hover{background:#f8f9fa;box-shadow:0 1px 3px #00000024}.google-button__icon{flex:0 0 auto}.editor{height:100vh;display:grid;grid-template-columns:1fr 300px;grid-template-rows:54px 1fr}.editor header{grid-column:1 / -1;display:flex;gap:1.5rem;align-items:center;padding:0 1rem;background:#0b1020cc;border-bottom:1px solid #ffffff12}.editor header span:last-child{margin-left:auto;color:#94a3b8;font-size:.8rem}.editor a{color:#ddd6fe;text-decoration:none}.viewport{min-height:0;position:relative}.viewport-shell,.viewport-canvas{width:100%;height:100%}.viewport-shell{position:relative;overflow:hidden}.viewport-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,#4338ca44 0,transparent 48%),radial-gradient(circle at 75% 80%,#0d948844 0,transparent 42%),linear-gradient(160deg,#0b1020,#131c33 42%,#0f172a);pointer-events:none}.viewport-canvas{position:relative;background:transparent!important}.editor aside{padding:1.5rem;background:#10172a;border-left:1px solid #ffffff12}.editor aside h2{margin-top:.3rem}@media(max-width:700px){.editor{grid-template-columns:1fr;grid-template-rows:54px 1fr auto}.editor aside{border-left:0;border-top:1px solid #ffffff12}.editor header span:last-child{display:none}}