:root{--bg-color: #fdfbf7;--surface-color: #ffffff;--surface-hover: #f0f9ff;--primary-color: #4f46e5;--primary-hover: #4338ca;--accent-color: #ec4899;--success-color: #10b981;--warning-color: #f59e0b;--text-color: #1e293b;--text-muted: #64748b;--text-inverse: #ffffff;--border-color: #e2e8f0;--border-radius-lg: 20px;--border-radius-md: 12px;--border-radius-sm: 8px;--font-family: "Nunito", "Segoe UI", sans-serif;--code-font: "JetBrains Mono", "Fira Code", monospace;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);font-family:var(--font-family);line-height:1.6;font-weight:600;color:var(--text-color);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;width:100%}#app{width:100%;height:100vh;display:flex;flex-direction:column}button{border-radius:var(--border-radius-md);border:none;padding:.8em 1.5em;font-size:1.1em;font-weight:700;font-family:inherit;background-color:var(--surface-color);color:var(--primary-color);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background-color:var(--surface-hover)}button:active{transform:translateY(0)}button:focus-visible{outline:4px solid var(--primary-color);outline-offset:2px}h1,h2,h3{color:var(--text-color);line-height:1.1;font-weight:800}pre{font-family:var(--code-font);background:var(--surface-color);padding:1.5rem;border-radius:var(--border-radius-md);border:2px solid var(--border-color);overflow-x:auto;font-size:1rem}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.codemirror-wrapper.svelte-7ra8yw .cm-focused{outline:none}.scm-waiting.svelte-7ra8yw{position:relative}.scm-waiting__loading.svelte-7ra8yw{position:absolute;inset:0;background-color:#ffffff80}.scm-loading.svelte-7ra8yw{display:flex;align-items:center;justify-content:center}.scm-loading__spinner.svelte-7ra8yw{width:1rem;height:1rem;border-radius:100%;border:solid 2px #000;border-top-color:transparent;margin-right:.75rem;animation:svelte-7ra8yw-spin 1s linear infinite}.scm-loading__text.svelte-7ra8yw{font-family:sans-serif}.scm-pre.svelte-7ra8yw{font-size:.85rem;font-family:monospace;tab-size:2;-moz-tab-size:2;resize:none;pointer-events:none;-webkit-user-select:none;user-select:none;overflow:auto}@keyframes svelte-7ra8yw-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.codemirror-wrapper.svelte-1h8xysy{height:100%;width:100%;overflow:hidden;border-radius:inherit;background-color:#f8fafc;overflow:auto}.modal-backdrop.svelte-1ox9vdd{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content.svelte-1ox9vdd{background:#fff;padding:2rem;border-radius:1rem;width:90%;max-width:400px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;gap:1.5rem}h3.svelte-1ox9vdd{margin:0;color:#1e293b;font-size:1.25rem;font-weight:600}input.svelte-1ox9vdd{width:100%;padding:.75rem 1rem;border:2px solid #cbd5e1;border-radius:.5rem;font-size:1rem;outline:none;transition:border-color .2s}input.svelte-1ox9vdd:focus{border-color:#3b82f6}.actions.svelte-1ox9vdd{display:flex;justify-content:flex-end}button.svelte-1ox9vdd{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:transform .1s,box-shadow .1s}button.svelte-1ox9vdd:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #3b82f680}button.svelte-1ox9vdd:active{transform:translateY(0)}.playground.svelte-123ciny{display:flex;flex-direction:column;height:100vh;background-color:var(--bg-color);padding:1rem;gap:1rem}header.svelte-123ciny{display:flex;justify-content:space-between;align-items:center;padding:0 1rem}.github-link.svelte-123ciny{color:var(--text-color);opacity:.7;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;padding:.4rem .8rem;border-radius:20px;text-decoration:none;border:2px solid var(--border-color);font-size:.95rem;font-weight:700}.github-link.svelte-123ciny:hover{color:var(--primary-color);opacity:1;background:var(--surface-hover);border-color:var(--primary-color);transform:scale(1.05)}.logo.svelte-123ciny{display:flex;align-items:center;gap:.8rem;cursor:pointer}.logo-text.svelte-123ciny{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem}.tagline.svelte-123ciny{font-size:.85rem;color:var(--text-muted);font-weight:700}.logo-img.svelte-123ciny{height:46px;width:46px;object-fit:contain;border-radius:var(--border-radius-sm);animation:svelte-123ciny-floatLogo 4s ease-in-out infinite;transition:transform .2s ease}.logo.svelte-123ciny:hover .logo-img:where(.svelte-123ciny){animation:svelte-123ciny-wobbleLogo .6s ease-in-out}@keyframes svelte-123ciny-floatLogo{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes svelte-123ciny-wobbleLogo{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-8deg) scale(1.1)}75%{transform:rotate(8deg) scale(1.1)}}.logo.svelte-123ciny h1:where(.svelte-123ciny){font-size:1.8rem;font-weight:800;margin:0;display:flex;align-items:center;gap:.8rem;color:var(--text-color);letter-spacing:-.02em}.badge.svelte-123ciny{font-size:.8rem;background:var(--primary-color);color:#fff;padding:.3rem .6rem;border-radius:99px;font-weight:700;transform:rotate(-5deg);display:inline-block;box-shadow:var(--shadow-sm)}.run-btn.svelte-123ciny{background-color:var(--success-color);color:#fff;border:none;font-weight:800;font-size:.9rem;padding:.4rem 1rem;border-radius:var(--border-radius-md);box-shadow:0 3px #059669;transition:transform .1s}.run-btn.svelte-123ciny:active{transform:translateY(3px);box-shadow:0 0 #059669}.run-btn.svelte-123ciny:hover{background-color:#059669;transform:translateY(1px);box-shadow:0 2px #047857}.run-btn.svelte-123ciny:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;transform:none}main.svelte-123ciny{flex:1;display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;min-height:0}.column.svelte-123ciny{display:flex;flex-direction:column;gap:1.5rem;min-height:0}.editor-col.svelte-123ciny{display:grid;grid-template-rows:2fr 1fr;gap:1.5rem;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1)}.editor-col.expanded.svelte-123ciny{grid-template-rows:1fr 1fr}.card.svelte-123ciny{background:var(--surface-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden;height:100%}.card-header.svelte-123ciny{padding:1rem 1.5rem;background-color:var(--surface-hover);font-size:1rem;font-weight:800;color:var(--text-color);border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.header-left.svelte-123ciny{display:flex;align-items:center;gap:1rem}.success-msg.svelte-123ciny{font-size:.9rem;color:var(--success-color);background:#dcfce7;padding:.2rem .6rem;border-radius:99px;animation:svelte-123ciny-popIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes svelte-123ciny-popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.clear-btn.svelte-123ciny{font-size:.8rem;padding:.3rem .6rem;background:transparent;color:var(--text-muted);box-shadow:none}.clear-btn.svelte-123ciny:hover{background:#e2e8f0;color:var(--text-color);transform:none;box-shadow:none}.editor-wrapper.svelte-123ciny{flex:1;position:relative;padding:0;display:flex;overflow:hidden;background-color:#f8fafc}.console.svelte-123ciny{flex:1;padding:1.5rem;overflow-y:auto;font-family:var(--code-font);font-size:1rem;background-color:#1e293b;background-color:#f1f5f9;border-bottom-left-radius:var(--border-radius-lg);border-bottom-right-radius:var(--border-radius-lg)}.log-line.svelte-123ciny{padding:.3rem 0;border-bottom:1px solid #e2e8f0;display:flex;gap:.5rem;color:var(--text-color);animation:svelte-123ciny-logPop .3s cubic-bezier(.175,.885,.32,1.275) forwards;transform-origin:left center;opacity:0}.log-line.error.svelte-123ciny{color:#ef4444;background:#fef2f2;border-left:3px solid #ef4444;padding-left:.5rem}@keyframes svelte-123ciny-logPop{0%{transform:scale(.9) translate(-10px);opacity:0}to{transform:scale(1) translate(0);opacity:1}}.prompt-char.svelte-123ciny{color:var(--success-color);font-weight:700}.placeholder.svelte-123ciny{color:var(--text-muted);font-style:italic;opacity:.7}.docs-content.svelte-123ciny{flex:1;display:flex;flex-direction:column;overflow-y:auto;background-color:var(--bg-color)}.docs-nav.svelte-123ciny{padding:1rem;display:flex;gap:.5rem;flex-wrap:wrap;background:var(--surface-color);border-bottom:1px solid var(--border-color)}.nav-item.svelte-123ciny{font-size:.9rem;padding:.4rem .8rem;background:transparent;border:2px solid var(--border-color);color:var(--text-muted);border-radius:var(--border-radius-md);box-shadow:none;font-weight:700}.nav-item.svelte-123ciny:hover{background:var(--surface-hover);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}.nav-item.active.svelte-123ciny{background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:var(--shadow-sm)}.doc-details.svelte-123ciny{padding:1.5rem;background:var(--surface-color);flex:1}.doc-details.svelte-123ciny h3:where(.svelte-123ciny){color:var(--primary-color);margin-top:0;font-size:1.4rem;margin-bottom:1rem}.code-preview.svelte-123ciny{background:#f8fafc;border-radius:var(--border-radius-md);overflow:hidden;border:2px solid var(--border-color)}.preview-header.svelte-123ciny{background:#f1f5f9;padding:.5rem 1rem;font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;border-bottom:2px solid var(--border-color)}.code-preview.svelte-123ciny pre:where(.svelte-123ciny){background:transparent;margin:0;padding:1rem;font-size:.95rem;border:none}.copy-btn.svelte-123ciny{width:100%;border-radius:0;font-size:1rem;padding:.8rem;border-top:2px solid var(--border-color);background:var(--surface-color);color:var(--accent-color);box-shadow:none}.copy-btn.svelte-123ciny:hover{background:var(--accent-color);color:#fff}.doc-body.svelte-123ciny{margin-bottom:1.5rem}.doc-body.svelte-123ciny p{color:var(--text-color);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.doc-body.svelte-123ciny ul{margin-left:1.5rem;margin-bottom:1rem;list-style-type:disc}.doc-body.svelte-123ciny li{margin-bottom:.5rem;font-size:1rem;color:var(--text-color)}.doc-body.svelte-123ciny code{font-family:var(--code-font);background:#f1f5f9;padding:.1rem .3rem;border-radius:4px;font-size:.9rem;color:var(--accent-color);border:1px solid var(--border-color)}.doc-body.svelte-123ciny strong{font-weight:800;color:var(--primary-color)}.doc-body.svelte-123ciny .step-box{background:#f8fafc;border-left:4px solid var(--primary-color);padding:.8rem 1rem;border-radius:var(--border-radius-sm);margin-bottom:1rem;box-shadow:var(--shadow-sm)}.doc-body.svelte-123ciny .step-title{font-weight:800;font-size:1.1rem;color:var(--text-color);margin-bottom:.4rem}.splash-screen.svelte-1n46o8q{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at center,#6366f1,#4338ca);display:flex;justify-content:center;align-items:center;z-index:9999;color:#fff;font-family:Nunito,Segoe UI,sans-serif}.splash-content.svelte-1n46o8q{display:flex;flex-direction:column;align-items:center;text-align:center;animation:svelte-1n46o8q-fadeIn .8s ease-out}.logo-wrapper.svelte-1n46o8q{position:relative;width:140px;height:140px;margin-bottom:2rem}.splash-logo.svelte-1n46o8q{width:100%;height:100%;object-fit:contain;border-radius:30px;box-shadow:0 10px 25px #0000004d;animation:svelte-1n46o8q-float 3s ease-in-out infinite;background:#fff;padding:10px;position:relative;z-index:2}.pulse-ring.svelte-1n46o8q{position:absolute;top:-10px;left:-10px;width:160px;height:160px;border-radius:35px;border:3px solid rgba(255,255,255,.4);animation:svelte-1n46o8q-pulse 2s infinite;z-index:1}.splash-title.svelte-1n46o8q{font-size:4rem;font-weight:800;margin:0;letter-spacing:-.03em;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 12px rgba(0,0,0,.15)}.splash-subtitle.svelte-1n46o8q{font-size:1.5rem;color:#c7d2fe;margin-top:.5rem;margin-bottom:2.5rem;font-weight:600}.loader-bar.svelte-1n46o8q{width:240px;height:8px;background:#fff3;border-radius:99px;overflow:hidden;margin-bottom:2rem}.loader-progress.svelte-1n46o8q{height:100%;width:0%;background:#ec4899;border-radius:99px;animation:svelte-1n46o8q-load 2.8s cubic-bezier(.4,0,.2,1) forwards}.skip-btn.svelte-1n46o8q{background:#ec4899;color:#fff;border:none;padding:.8rem 2rem;font-size:1.2rem;font-weight:800;border-radius:20px;cursor:pointer;box-shadow:0 10px 20px #ec489966;transition:all .2s}.skip-btn.svelte-1n46o8q:hover{background:#db2777;transform:translateY(-2px);box-shadow:0 12px 24px #ec489999}.skip-btn.svelte-1n46o8q:active{transform:translateY(0)}@keyframes svelte-1n46o8q-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-1n46o8q-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(3deg)}}@keyframes svelte-1n46o8q-pulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.05);opacity:.3}to{transform:scale(.95);opacity:.8}}@keyframes svelte-1n46o8q-load{0%{width:0%}to{width:100%}}