@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--z-overlay:9999;--z-modal:10000}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#app{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.scroll-reveal{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.scroll-reveal.animate-in{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.drag-drop-item[data-v-c9a2f38f]{background:var(--accent-bg,#7c3aed1a);border:2px solid var(--accent,#7c3aed);color:var(--text-h,#111);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;will-change:transform;border-radius:12px;justify-content:center;align-items:center;padding:.75rem 1.25rem;font-weight:600;transition:transform .1s,box-shadow .2s;display:inline-flex}.drag-drop-item.is-dragging[data-v-c9a2f38f]{cursor:grabbing;z-index:100;transform:scale(1.08);box-shadow:0 12px 24px #00000040}.drag-drop-item.is-disabled[data-v-c9a2f38f]{opacity:.5;cursor:not-allowed}.drop-target[data-v-b5dc1d12]{border:2px dashed var(--border,#ccc);box-sizing:border-box;background:var(--code-bg,#00000008);border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:120px;padding:1rem;transition:all .25s;display:flex}.drop-target.is-hovered[data-v-b5dc1d12]{border-color:var(--accent,#7c3aed);background:var(--accent-bg,#7c3aed1a);transform:scale(1.02);box-shadow:0 0 16px #7c3aed4d}.drop-target.is-success[data-v-b5dc1d12]{background:#10b9811a;border-color:#10b981;box-shadow:0 0 16px #10b9814d}.drop-target-inner[data-v-b5dc1d12]{color:var(--text,#666);font-weight:500}.game-overlay-backdrop[data-v-3b0e89ef]{z-index:var(--z-modal,10000);touch-action:none;box-sizing:border-box;background:linear-gradient(#bae6fd 0%,#f0fdf4 40%,#86efac 70%,#22c55e 100%);justify-content:center;align-items:center;width:100vw;height:100vh;padding:2rem;display:flex;position:fixed;inset:0;overflow:hidden}.game-overlay-content[data-v-3b0e89ef]{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#0f172a;text-align:center;background:#fffffff2;border-radius:28px;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:720px;padding:3rem 2.5rem;transition:opacity .4s,transform .4s;display:flex;box-shadow:0 25px 50px -12px #00000080}.game-overlay-content.is-hiding[data-v-3b0e89ef]{opacity:0;filter:blur(12px);transition:opacity .8s,transform .8s,filter .8s;transform:scale(.92)}.flower-transition-layer[data-v-3b0e89ef]{pointer-events:none;z-index:100;position:absolute;inset:0;overflow:hidden}.converging-flower[data-v-3b0e89ef]{will-change:transform, opacity;animation:convergeToCenter-3b0e89ef var(--duration) cubic-bezier(.22, 1, .36, 1) var(--delay) forwards;filter:drop-shadow(0 6px 16px #0000004d);font-size:3rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.flower-bloom-core[data-v-3b0e89ef]{will-change:transform, opacity;filter:drop-shadow(0 0 80px #f472b6d9);font-size:22rem;animation:1.3s cubic-bezier(.22,1,.36,1) .8s forwards bloomCore-3b0e89ef;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}@keyframes convergeToCenter-3b0e89ef{0%{transform:translate(calc(var(--start-x) - 50vw), calc(var(--start-y) - 50vh)) rotate(var(--start-rot)) scale(.5);opacity:0}20%{opacity:.95}85%{opacity:1;transform:translate(-50%, -50%) rotate(0deg) scale(var(--scale))}to{transform:translate(-50%, -50%) rotate(180deg) scale(calc(var(--scale) * 1.4));opacity:1}}@keyframes bloomCore-3b0e89ef{0%{opacity:0;transform:translate(-50%,-50%)scale(0)rotate(-45deg)}35%{opacity:1;transform:translate(-50%,-50%)scale(2.8)rotate(0)}to{opacity:1;transform:translate(-50%,-50%)scale(28)rotate(45deg)}}.ambient-garden-layer[data-v-3b0e89ef]{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.garden-particle[data-v-3b0e89ef]{opacity:.75;filter:drop-shadow(0 4px 10px #0000004d);will-change:transform, opacity;font-size:2.2rem;animation:14s ease-in-out infinite alternate floatGardenParticle-3b0e89ef;position:absolute}.garden-particle.p1[data-v-3b0e89ef]{animation-duration:12s;animation-delay:0s;top:12%;left:8%}.garden-particle.p2[data-v-3b0e89ef]{animation-duration:15s;animation-delay:-3s;top:22%;right:10%}.garden-particle.p3[data-v-3b0e89ef]{animation-duration:11s;animation-delay:-6s;bottom:18%;left:12%}.garden-particle.p4[data-v-3b0e89ef]{font-size:2.5rem;animation-duration:16s;animation-delay:-2s;bottom:25%;right:14%}.garden-particle.p5[data-v-3b0e89ef]{animation-duration:13s;animation-delay:-8s;top:48%;left:5%}.garden-particle.p6[data-v-3b0e89ef]{font-size:2.6rem;animation-duration:17s;animation-delay:-4s;top:55%;right:6%}.garden-particle.p7[data-v-3b0e89ef]{animation-duration:14s;animation-delay:-7s;top:8%;right:35%}.garden-particle.p8[data-v-3b0e89ef]{animation-duration:10s;animation-delay:-1s;bottom:8%;left:40%}@keyframes floatGardenParticle-3b0e89ef{0%{transform:translate(0)rotate(0)scale(.9)}33%{transform:translate(25px,-35px)rotate(15deg)scale(1.1)}66%{transform:translate(-20px,-65px)rotate(-12deg)scale(1)}to{transform:translate(15px,-95px)rotate(20deg)scale(1.05)}}.start-screen[data-v-3b0e89ef]{flex-direction:column;align-items:center;gap:1.25rem;width:100%;padding:.5rem 0;display:flex}.start-badge[data-v-3b0e89ef]{color:#6366f1;letter-spacing:.5px;text-transform:uppercase;background:#6366f11a;border:1px solid #6366f133;border-radius:9999px;padding:.4rem 1.1rem;font-size:.85rem;font-weight:700}.flower-hero-wrapper[data-v-3b0e89ef]{justify-content:center;align-items:center;width:140px;height:140px;margin:.5rem 0;display:flex;position:relative}.flower-ring-backdrop[data-v-3b0e89ef]{filter:blur(12px);background:radial-gradient(circle,#a855f740 0%,#6366f10d 70%,#0000 100%);border-radius:50%;animation:3s ease-in-out infinite alternate pulseGlow-3b0e89ef;position:absolute;inset:0}.flower-icon-hero[data-v-3b0e89ef]{z-index:2;filter:drop-shadow(0 10px 20px #00000026);font-size:4.5rem;line-height:1;animation:3s ease-in-out infinite float-3b0e89ef}.orbit-flower[data-v-3b0e89ef]{z-index:3;transform-origin:70px 70px;font-size:1.75rem;animation:8s linear infinite orbitSpin-3b0e89ef;position:absolute}.orbit-flower.f1[data-v-3b0e89ef]{animation-delay:0s;top:0;left:50%}.orbit-flower.f2[data-v-3b0e89ef]{animation-delay:-2s;top:50%;right:0}.orbit-flower.f3[data-v-3b0e89ef]{animation-delay:-4s;bottom:0;left:50%}.orbit-flower.f4[data-v-3b0e89ef]{animation-delay:-6s;top:50%;left:0}@keyframes orbitSpin-3b0e89ef{0%{transform:rotate(0)translate(55px)rotate(0)}to{transform:rotate(360deg)translate(55px)rotate(-360deg)}}@keyframes pulseGlow-3b0e89ef{0%{opacity:.5;transform:scale(.9)}to{opacity:.9;transform:scale(1.15)}}@keyframes float-3b0e89ef{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.game-title[data-v-3b0e89ef]{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 50%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:2.25rem;font-weight:800;line-height:1.25}.game-instructions[data-v-3b0e89ef]{color:#475569;max-width:480px;margin:0;font-size:1.1rem;line-height:1.6}.start-btn[data-v-3b0e89ef],.dismiss-btn[data-v-3b0e89ef]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#d946ef 100%);border:none;border-radius:9999px;margin-top:.5rem;padding:1.05rem 2.75rem;font-size:1.2rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 25px -5px #6366f180}.start-btn-content[data-v-3b0e89ef]{align-items:center;gap:.6rem;display:flex}.btn-arrow[data-v-3b0e89ef]{font-size:1.1rem;transition:transform .2s}.start-btn[data-v-3b0e89ef]:hover,.dismiss-btn[data-v-3b0e89ef]:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 15px 35px -5px #8b5cf6a6}.start-btn:hover .btn-arrow[data-v-3b0e89ef]{transform:translate(4px)rotate(15deg)}.start-btn[data-v-3b0e89ef]:active,.dismiss-btn[data-v-3b0e89ef]:active{transform:translateY(0)scale(.98)}.audio-hint-note[data-v-3b0e89ef]{color:#94a3b8;align-items:center;gap:.4rem;font-size:.85rem;font-weight:500;display:flex}.game-screen[data-v-3b0e89ef]{flex-direction:column;align-items:center;gap:1.25rem;width:100%;display:flex}.game-target.basket-target[data-v-3b0e89ef]{background-color:#dcfce766;border:3px dashed #86efac;border-radius:20px;width:100%;min-height:150px;transition:all .3s}.basket-drop-inner[data-v-3b0e89ef]{flex-direction:column;align-items:center;gap:.5rem;width:100%;padding:1rem;display:flex}.basket-icon[data-v-3b0e89ef]{font-size:3rem;transition:transform .2s}.basket-drop-inner.is-over .basket-icon[data-v-3b0e89ef]{transform:scale(1.2)}.basket-contents[data-v-3b0e89ef]{flex-flow:wrap;justify-content:center;align-items:center;gap:.35rem;width:100%;min-height:2.2rem;display:flex}.placed-flower[data-v-3b0e89ef]{font-size:1.75rem;line-height:1;animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn-3b0e89ef}@keyframes popIn-3b0e89ef{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.basket-label[data-v-3b0e89ef]{color:#475569;font-size:1rem;font-weight:600}.draggable-items-container[data-v-3b0e89ef]{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25rem;width:100%;padding:.5rem;display:flex}.completion-screen[data-v-3b0e89ef]{flex-direction:column;align-items:center;gap:1.25rem;animation:.5s fadeIn-3b0e89ef;display:flex}.full-basket-display[data-v-3b0e89ef]{flex-direction:column;justify-content:center;align-items:center;margin-bottom:1rem;display:inline-flex;position:relative}.basket-emoji[data-v-3b0e89ef]{filter:drop-shadow(0 10px 15px #00000026);cursor:pointer;z-index:1;font-size:6rem;line-height:1;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.basket-flowers[data-v-3b0e89ef]{z-index:2;pointer-events:none;flex-flow:wrap;justify-content:center;align-items:center;gap:.15rem;width:140px;max-width:140px;display:flex;position:absolute;top:5px;left:50%;transform:translate(-50%)}.basket-flower[data-v-3b0e89ef]{font-size:2.25rem;animation:.4s forwards popIn-3b0e89ef}.completion-title[data-v-3b0e89ef]{color:#1e293b;margin:0;font-size:1.75rem;font-weight:800}.completion-subtitle[data-v-3b0e89ef]{color:#64748b;margin:0;font-size:1.1rem}.fade-enter-active[data-v-3b0e89ef],.fade-leave-active[data-v-3b0e89ef]{transition:opacity .5s}.fade-enter-from[data-v-3b0e89ef],.fade-leave-to[data-v-3b0e89ef]{opacity:0}@keyframes fadeIn-3b0e89ef{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cover-wrapper[data-v-1728471e]{width:100%;min-height:80vh;padding:var(--spacing-lg,24px);justify-content:center;align-items:center;display:flex}.cover-card[data-v-1728471e]{background:var(--color-surface,#ffffffe6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;border-radius:16px;width:100%;max-width:500px;padding:48px 32px;transition:transform .3s;box-shadow:0 10px 30px #00000014}.cover-title[data-v-1728471e]{font-size:var(--font-display,2.5rem);color:var(--theme-primary,#1a1a1a);margin-bottom:16px;font-weight:800}.cover-subtitle[data-v-1728471e]{color:#666;margin-bottom:32px;font-size:1.1rem;line-height:1.5}.open-button[data-v-1728471e]{background:var(--theme-primary,#000);color:#fff;cursor:pointer;border:none;border-radius:30px;padding:14px 36px;font-size:1.1rem;font-weight:600;transition:all .2s ease-in-out;box-shadow:0 4px 14px #00000026}.open-button[data-v-1728471e]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.open-button[data-v-1728471e]:active{transform:translateY(0)}.letter-container[data-v-839b6b8b]{justify-content:center;width:100%;padding:32px 16px;display:flex}.letter-card[data-v-839b6b8b]{background:var(--color-surface,#fff);border-radius:12px;width:100%;max-width:800px;padding:40px 32px;box-shadow:0 4px 20px #0000000d}.letter-greeting[data-v-839b6b8b]{color:var(--theme-primary,#222);margin-bottom:24px;font-size:1.8rem;font-weight:700}.letter-body[data-v-839b6b8b]{color:#333;white-space:pre-wrap;margin-bottom:32px;font-size:1.1rem;line-height:1.8}.letter-closing[data-v-839b6b8b]{text-align:right;color:var(--theme-primary,#444);font-size:1.2rem;font-style:italic;font-weight:600}.gallery-container[data-v-9bc2fa01]{justify-content:center;width:100%;padding:48px 24px;display:flex;overflow:visible}.gallery-grid[data-v-9bc2fa01]{flex-wrap:wrap;justify-content:center;align-items:center;gap:2.5rem 2rem;width:100%;max-width:900px;display:flex}.gallery-grid.single-item[data-v-9bc2fa01]{max-width:420px;margin:0 auto}.polaroid-card[data-v-9bc2fa01]{box-sizing:border-box;z-index:1;background:#fff;border-radius:4px;width:100%;max-width:260px;padding:14px 14px 24px;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s,z-index;position:relative;box-shadow:0 12px 28px #0000001f,0 4px 10px #0000000f}.polaroid-card[data-v-9bc2fa01]:hover{z-index:20;box-shadow:0 22px 45px #00000038,0 8px 18px #0000001f;transform:scale(1.08)rotate(0)translateY(-8px)!important}.polaroid-tape[data-v-9bc2fa01]{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;background:#f5ebdcb3;border:1px solid #d2c3af66;width:70px;height:22px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-2deg);box-shadow:0 2px 4px #0000000d}.polaroid-photo-frame[data-v-9bc2fa01]{background:#f8f8f8;border:1px solid #0000000a;border-radius:2px;width:100%;overflow:hidden}.polaroid-photo-frame img[data-v-9bc2fa01]{object-fit:cover;width:100%;height:auto;transition:transform .4s;display:block}.polaroid-card:hover .polaroid-photo-frame img[data-v-9bc2fa01]{transform:scale(1.04)}.polaroid-photo-frame img.broken[data-v-9bc2fa01]{background-color:#eee;min-height:180px}.polaroid-caption[data-v-9bc2fa01]{color:#334155;text-align:center;margin-top:14px;margin-bottom:0;font-family:Georgia,Caveat,serif,cursive;font-size:1.05rem;font-weight:500;line-height:1.3}.closing-container[data-v-c2d218ea]{justify-content:center;width:100%;margin-top:32px;padding:48px 16px;display:flex}.closing-card[data-v-c2d218ea]{text-align:center;max-width:600px;padding:24px}.closing-text[data-v-c2d218ea]{color:#666;margin-bottom:12px;font-size:1.1rem}.closing-sender[data-v-c2d218ea]{color:var(--theme-primary,#1a1a1a);font-size:1.3rem;font-weight:700}.floating-wrapper[data-v-b0819a30]{z-index:20000;flex-direction:column;align-items:flex-end;gap:16px;display:flex;position:fixed;bottom:24px;right:24px}.toast-notification[data-v-b0819a30]{color:#fff;word-wrap:break-word;text-align:center;background-color:#333;border-radius:8px;max-width:250px;padding:10px 16px;font-size:.9rem;box-shadow:0 4px 12px #00000026}.toast-enter-active[data-v-b0819a30],.toast-leave-active[data-v-b0819a30]{transition:opacity .3s,transform .3s}.toast-enter-from[data-v-b0819a30],.toast-leave-to[data-v-b0819a30]{opacity:0;transform:translateY(10px)}.floating-controls[data-v-b0819a30]{background:var(--color-surface,#ffffffd9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:30px;gap:12px;padding:8px 12px;display:flex;box-shadow:0 4px 20px #00000026}.control-btn[data-v-b0819a30]{background:var(--color-accent,var(--theme-primary,#1a1a1a));color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s,background-color .2s;display:flex}.control-btn[data-v-b0819a30]:hover{transform:scale(1.08)}.control-btn[data-v-b0819a30]:active{transform:scale(.95)}.card-container[data-v-b594ac2b]{box-sizing:border-box;background-color:var(--color-background,#f9f9f9);width:100%;min-height:100vh;color:var(--theme-primary,#333);margin:0;padding:0}.reading-view[data-v-b594ac2b]{flex-direction:column;align-items:center;width:100%;padding-bottom:80px;display:flex}.fallback-banner[data-v-b594ac2b]{color:#856404;text-align:center;background:#fff3cd;border-bottom:1px solid #ffeeba;padding:.75rem;font-weight:500}.error-container[data-v-b594ac2b]{color:#721c24;text-align:center;background:#f8d7da;border-radius:8px;max-width:600px;margin:80px auto;padding:2rem;box-shadow:0 4px 12px #0000000d}.builder-layout[data-v-495ae573]{text-align:left;background-color:#f3f4f6;flex-direction:column;height:100vh;font-family:Inter,sans-serif;display:flex;overflow:hidden}.builder-nav[data-v-495ae573]{z-index:10;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;box-shadow:0 1px 3px #0000000d}.nav-brand[data-v-495ae573]{align-items:center;gap:.75rem;display:flex}.logo-icon[data-v-495ae573]{font-size:1.5rem}.nav-brand h1[data-v-495ae573]{color:#111827;letter-spacing:-.5px;margin:0;font-size:1.25rem;font-weight:700}.builder-content[data-v-495ae573]{flex:1;display:flex;overflow:hidden}.form-panel[data-v-495ae573]{background:#fff;border-right:1px solid #e5e7eb;flex:0 0 50%;max-width:600px;padding:2rem;overflow-y:auto}.panel-header[data-v-495ae573]{margin-bottom:2rem}.panel-header h2[data-v-495ae573]{color:#111827;margin:0 0 .5rem;font-size:1.75rem;font-weight:800}.panel-header p[data-v-495ae573]{color:#6b7280;margin:0;font-size:.95rem}.form-section[data-v-495ae573]{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000005}.form-section[data-v-495ae573]:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d}.section-title[data-v-495ae573]{color:#374151;border-bottom:1px solid #f3f4f6;margin-bottom:1.25rem;padding-bottom:.75rem;font-size:1.1rem;font-weight:700}.d-flex-between[data-v-495ae573]{justify-content:space-between;align-items:center;display:flex}.grid-2[data-v-495ae573]{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.field-group[data-v-495ae573]{margin-bottom:1.25rem}.field-group[data-v-495ae573]:last-child{margin-bottom:0}.field-group label[data-v-495ae573]{color:#4b5563;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.field-group input[type=text][data-v-495ae573],.field-group textarea[data-v-495ae573],.modern-select[data-v-495ae573]{color:#1f2937;box-sizing:border-box;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:10px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.field-group textarea[data-v-495ae573]{resize:vertical;min-height:100px}.field-group input[data-v-495ae573]:focus,.field-group textarea[data-v-495ae573]:focus,.modern-select[data-v-495ae573]:focus{background-color:#fff;border-color:#6366f1;outline:none;box-shadow:0 0 0 4px #6366f11a}.color-picker-wrapper[data-v-495ae573]{background:#f9fafb;border:1px solid #d1d5db;border-radius:10px;align-items:center;gap:1rem;width:fit-content;padding:.5rem;display:flex}.color-input[data-v-495ae573]{-webkit-appearance:none;cursor:pointer;background:0 0;border:none;border-radius:6px;width:32px;height:32px;padding:0}.color-input[data-v-495ae573]::-webkit-color-swatch-wrapper{padding:0}.color-input[data-v-495ae573]::-webkit-color-swatch{border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a}.color-hex[data-v-495ae573]{color:#4b5563;padding-right:.5rem;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:600}.help-text[data-v-495ae573]{color:#6b7280;margin-top:-.5rem;margin-bottom:1rem;font-size:.85rem}.empty-state[data-v-495ae573]{text-align:center;color:#9ca3af;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;padding:2rem;font-size:.95rem}.gallery-list[data-v-495ae573]{flex-direction:column;gap:1rem;display:flex}.gallery-card[data-v-495ae573]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;transition:all .3s;position:relative}.gallery-card-header[data-v-495ae573]{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.badge[data-v-495ae573]{color:#4338ca;background:#e0e7ff;border-radius:999px;padding:.25rem .6rem;font-size:.75rem;font-weight:700}.btn-primary[data-v-495ae573]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:8px;padding:.6rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .2s;box-shadow:0 4px 6px #6366f140}.btn-primary[data-v-495ae573]:hover{transform:translateY(-1px);box-shadow:0 6px 12px #6366f14d}.btn-primary[data-v-495ae573]:active{transform:translateY(1px)}.btn-secondary[data-v-495ae573]{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.btn-secondary[data-v-495ae573]:hover{background:#e5e7eb}.btn-icon[data-v-495ae573]{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-icon.danger[data-v-495ae573]{color:#ef4444;background:#fee2e2;width:28px;height:28px}.btn-icon.danger[data-v-495ae573]:hover{background:#fecaca}.preview-panel[data-v-495ae573]{background:#111827;flex:1;justify-content:center;align-items:flex-start;padding:2rem;display:flex;overflow-y:auto}.code-window[data-v-495ae573]{background:#1f2937;border:1px solid #374151;border-radius:16px;flex-direction:column;width:100%;max-width:800px;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.code-header[data-v-495ae573]{background:#111827;border-bottom:1px solid #374151;align-items:center;padding:1rem 1.25rem;display:flex;position:relative}.mac-dots[data-v-495ae573]{gap:8px;display:flex}.dot[data-v-495ae573]{border-radius:50%;width:12px;height:12px}.dot.red[data-v-495ae573]{background:#ff5f56}.dot.yellow[data-v-495ae573]{background:#ffbd2e}.dot.green[data-v-495ae573]{background:#27c93f}.code-title[data-v-495ae573]{color:#9ca3af;font-family:JetBrains Mono,monospace;font-size:.85rem;position:absolute;left:50%;transform:translate(-50%)}.copy-btn[data-v-495ae573]{color:#9ca3af;margin-left:auto;padding:.25rem;font-size:1.1rem}.copy-btn[data-v-495ae573]:hover{color:#fff;transform:scale(1.1)}.code-body[data-v-495ae573]{max-height:calc(100vh - 180px);padding:1.5rem;overflow-y:auto}pre[data-v-495ae573]{color:#a5b4fc;white-space:pre-wrap;word-break:break-all;margin:0;font-family:JetBrains Mono,monospace;font-size:.9rem;line-height:1.6}.custom-scrollbar[data-v-495ae573]::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar[data-v-495ae573]::-webkit-scrollbar-track{background:0 0}.custom-scrollbar[data-v-495ae573]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.preview-panel .custom-scrollbar[data-v-495ae573]::-webkit-scrollbar-thumb{background:#4b5563}.custom-scrollbar[data-v-495ae573]::-webkit-scrollbar-thumb:hover{background:#94a3b8}.list-enter-active[data-v-495ae573],.list-leave-active[data-v-495ae573]{transition:all .4s}.list-enter-from[data-v-495ae573],.list-leave-to[data-v-495ae573]{opacity:0;transform:translate(-20px)}