.dd.svelte-15pygjb{position:relative}.dd-toggle.svelte-15pygjb{font-family:var(--font-body);color:var(--ink);cursor:pointer;background:#fff;border:2px solid #3d2c5c33;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:15px;font-weight:700;transition:border-color .15s;display:flex}.dd-toggle.svelte-15pygjb:hover{border-color:var(--border)}.dd-arrow.svelte-15pygjb{font-size:12px}.dd-scrim.svelte-15pygjb{z-index:40;cursor:default;background:0 0;border:none;position:fixed;inset:0}.dd-panel.svelte-15pygjb{z-index:41;border:2px solid var(--border);min-width:180px;max-height:min(60vh,420px);box-shadow:0 4px 0 var(--border);background:#fff;border-radius:16px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.dd-item.svelte-15pygjb{text-align:left;width:100%;font-family:var(--font-body);color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:8px 12px;font-size:15px;display:block}.dd-item.svelte-15pygjb:hover{background:#3d2c5c0f}.dd-item.on.svelte-15pygjb{color:var(--blue);font-weight:700}.skiptranslate{display:none!important}body{top:0!important}.lang-row.svelte-1uha8ag{justify-content:flex-end;padding:12px clamp(16px,3vw,32px) 0;display:flex}.hero.svelte-1uha8ag{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:40px;max-width:1240px;margin:0 auto;padding:20px 24px 64px;display:flex}.demo.svelte-1uha8ag{box-sizing:border-box;border:3px solid var(--border);background:#fff;border-radius:30px;flex-direction:column;flex:0 340px;align-items:center;gap:14px;max-width:100%;padding:18px 20px 22px;transition:box-shadow .25s;display:flex;box-shadow:0 8px #d7dbe3,0 18px 38px #3d2c5c14}.demo.svelte-1uha8ag:hover{box-shadow:0 11px #d7dbe3,0 22px 46px #3d2c5c1f}.demo-image.svelte-1uha8ag{object-fit:contain;width:150px;height:150px}.build-wrap.svelte-1uha8ag{width:100%;position:relative}.drag-hint.svelte-1uha8ag{pointer-events:none;z-index:2;position:absolute;inset:0}.hint-cursor.svelte-1uha8ag{filter:drop-shadow(0 2px 4px #00000059);margin-left:-21px;font-size:44px;line-height:1;animation:2.4s ease-in-out infinite svelte-1uha8ag-drag-demo;position:absolute;top:204px;left:81px}.click-ripple.svelte-1uha8ag{border:3px solid var(--blue,#5b8def);border-radius:50%;width:22px;height:22px;animation:2.4s ease-out infinite svelte-1uha8ag-click-ripple;position:absolute;top:208px;left:85px}.hint-text.svelte-1uha8ag{color:#888;margin:-8px 0 0;font-size:13px}@keyframes svelte-1uha8ag-drag-demo{0%,4%{opacity:0;top:204px;left:81px;transform:scale(1)}12%{opacity:1;transform:scale(.85)}38%{opacity:1;top:204px;left:81px;transform:scale(.85)}62%{opacity:1;top:71px;left:133px;transform:scale(.85)}80%{opacity:1;top:71px;left:133px;transform:scale(1)}92%,to{opacity:0;top:71px;left:133px;transform:scale(1)}}@keyframes svelte-1uha8ag-click-ripple{0%,9%{opacity:0;transform:translate(-50%,-50%)scale(.3)}12%{opacity:.9;transform:translate(-50%,-50%)scale(.4)}30%,to{opacity:0;transform:translate(-50%,-50%)scale(1.8)}}.demo.svelte-1uha8ag .stencil{width:150px;height:150px}.demo.svelte-1uha8ag .layer:not(.placed){filter:invert(82%)}.demo.svelte-1uha8ag .piece{width:40px;height:40px}.content.svelte-1uha8ag{flex-direction:column;flex:380px;justify-content:space-between;align-items:flex-start;min-width:0;display:flex;container-type:inline-size}.badge.svelte-1uha8ag{background:var(--yellow);border:3px solid var(--border);color:#4b3d6c;border-radius:999px;margin-bottom:20px;padding:7px 18px;font-size:14px;font-weight:700;display:inline-block;transform:rotate(-2deg);box-shadow:0 4px #d8c7a0}.headline.svelte-1uha8ag{font-family:var(--font-display);flex-direction:column;align-items:flex-start;gap:1em;margin:0 0 1em;font-size:clamp(18px,4.5cqi,38px);font-weight:700;line-height:1;display:flex}.grad.svelte-1uha8ag,.l2.svelte-1uha8ag{background:linear-gradient(90deg,#ff6b6b,#ffd93d,#4ecdc4,#5b8def);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.5em}.l1.svelte-1uha8ag{color:#8e8e8e}.subhead.svelte-1uha8ag{font-family:var(--font-display);color:#8e8e8e;margin:0;font-size:clamp(18px,4.5cqi,38px);font-weight:700;line-height:1}.presets.svelte-1uha8ag{flex-wrap:wrap;justify-content:flex-start;gap:10px;margin-top:20px;display:flex}.p0.svelte-1uha8ag{background:#fdeef1}.p1.svelte-1uha8ag{background:#fceee0}.p2.svelte-1uha8ag{background:#ebf7e8}.p3.svelte-1uha8ag{background:#e5f7fb}.p4.svelte-1uha8ag{background:#f3ecfb;align-items:center;gap:8px;display:flex}.dd.svelte-1uha8ag{position:relative}.dd-arrow.svelte-1uha8ag{font-size:12px}.dd-scrim.svelte-1uha8ag{z-index:40;cursor:default;background:0 0;border:none;position:fixed;inset:0}.dd-panel.svelte-1uha8ag{z-index:41;border:2px solid var(--border);min-width:180px;box-shadow:0 4px 0 var(--border);background:#fff;border-radius:16px;padding:8px;position:absolute;top:calc(100% + 8px);left:0}.dd-item.svelte-1uha8ag{text-align:left;width:100%;font-family:var(--font-body);color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:8px 12px;font-size:15px;display:block}.dd-item.svelte-1uha8ag:hover{background:#3d2c5c0f}@media (width<=640px){.hero.svelte-1uha8ag{gap:32px;padding:12px 16px 32px}}