.playground[data-astro-cid-uhqaqbug]{display:grid;grid-template-columns:380px 1fr;min-height:calc(100vh - 80px);position:relative}.editor-panel[data-astro-cid-uhqaqbug]{background:#fff;border-right:1px solid #e0e0e0;padding:1.5rem;overflow-y:auto;max-height:calc(100vh - 80px);position:sticky;top:80px}.editor-header[data-astro-cid-uhqaqbug]{margin-bottom:1.5rem}.editor-header[data-astro-cid-uhqaqbug] h1[data-astro-cid-uhqaqbug]{font-size:1.4rem;color:var(--primary);margin:0 0 .25rem}.editor-subtitle[data-astro-cid-uhqaqbug]{color:#888;font-size:.85rem;margin:0}.control-group[data-astro-cid-uhqaqbug]{margin-bottom:1.25rem}.control-label[data-astro-cid-uhqaqbug]{display:block;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#555;margin-bottom:.5rem}.control-input[data-astro-cid-uhqaqbug]{width:100%;padding:.6rem .75rem;border:1.5px solid #d0d0d0;border-radius:6px;font-size:.9rem;font-family:inherit;transition:border-color .2s}.control-input[data-astro-cid-uhqaqbug]:focus{outline:none;border-color:var(--accent)}.control-select[data-astro-cid-uhqaqbug]{width:100%;padding:.6rem .75rem;border:1.5px solid #d0d0d0;border-radius:6px;font-size:.9rem;font-family:inherit;background:#fff;cursor:pointer}.control-select[data-astro-cid-uhqaqbug]:focus{outline:none;border-color:var(--accent)}.template-pills[data-astro-cid-uhqaqbug]{display:flex;gap:.5rem}.pill[data-astro-cid-uhqaqbug]{flex:1;padding:.5rem .75rem;border:1.5px solid #d0d0d0;border-radius:6px;background:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;color:#555}.pill[data-astro-cid-uhqaqbug]:hover{border-color:var(--primary);color:var(--primary)}.pill[data-astro-cid-uhqaqbug].active{background:var(--primary);border-color:var(--primary);color:#fff}.theme-swatches[data-astro-cid-uhqaqbug]{display:flex;gap:.5rem}.swatch[data-astro-cid-uhqaqbug]{width:40px;height:40px;border:2px solid transparent;border-radius:10px;cursor:pointer;padding:3px;background:#fff;transition:all .2s}.swatch[data-astro-cid-uhqaqbug]:hover{transform:scale(1.1)}.swatch[data-astro-cid-uhqaqbug].active{border-color:var(--primary);box-shadow:0 0 0 2px #1e462033}.swatch-color[data-astro-cid-uhqaqbug]{display:block;width:100%;height:100%;border-radius:6px}.divider[data-astro-cid-uhqaqbug]{border:none;border-top:1px solid #eee;margin:1.25rem 0}.pell-editor-wrap{border:1.5px solid #d0d0d0;border-radius:6px;overflow:hidden}.pell-editor-wrap:focus-within{border-color:var(--accent)}.pell-editor-wrap .pell-actionbar{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:.2rem}.pell-editor-wrap .pell-button{background:transparent;border:1px solid transparent;border-radius:4px;padding:.3rem .5rem;cursor:pointer;font-size:.8rem;color:var(--primary);font-weight:600}.pell-editor-wrap .pell-button:hover{background:#e9ecef}.pell-editor-wrap .pell-button-selected{background:var(--primary);color:#fff}.pell-editor-wrap .pell-content{min-height:120px;max-height:200px;overflow-y:auto;padding:.6rem;font-size:.9rem;font-family:inherit;line-height:1.6}.pell-editor-wrap .pell-content:focus{outline:none}.live-stats[data-astro-cid-uhqaqbug]{display:flex;gap:1.5rem;margin-bottom:1.25rem}.stat[data-astro-cid-uhqaqbug]{display:flex;align-items:baseline;gap:.35rem}.stat-num[data-astro-cid-uhqaqbug]{font-size:1.5rem;font-weight:700;color:var(--primary);font-variant-numeric:tabular-nums}.stat-label[data-astro-cid-uhqaqbug]{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:.03em}.editor-actions[data-astro-cid-uhqaqbug]{display:flex;flex-direction:column;gap:.5rem}.action-btn[data-astro-cid-uhqaqbug]{padding:.7rem 1rem;border-radius:8px;font-weight:600;font-size:.9rem;border:none;cursor:pointer;transition:all .2s;font-family:inherit}.demo-btn[data-astro-cid-uhqaqbug]{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff}.demo-btn[data-astro-cid-uhqaqbug]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1e462040}.copy-btn[data-astro-cid-uhqaqbug]{background:#f3f4f6;color:#333;border:1.5px solid #d0d0d0}.copy-btn[data-astro-cid-uhqaqbug]:hover{background:#e5e7eb}.publish-btn[data-astro-cid-uhqaqbug]{background:var(--accent);color:#fff}.publish-btn[data-astro-cid-uhqaqbug]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #b8860b4d}.preview-panel[data-astro-cid-uhqaqbug]{background:#e8eaed;padding:1.5rem;display:flex;flex-direction:column;align-items:center}.preview-toolbar[data-astro-cid-uhqaqbug]{margin-bottom:1rem}.responsive-toggles[data-astro-cid-uhqaqbug]{display:flex;gap:.35rem;background:#fff;padding:.35rem;border-radius:8px;box-shadow:0 1px 3px #0000001a}.res-btn[data-astro-cid-uhqaqbug]{padding:.4rem .6rem;border:none;background:transparent;border-radius:6px;cursor:pointer;color:#888;display:flex;align-items:center;justify-content:center;transition:all .2s}.res-btn[data-astro-cid-uhqaqbug]:hover{color:var(--primary);background:#f3f4f6}.res-btn[data-astro-cid-uhqaqbug].active{background:var(--primary);color:#fff}.browser-frame[data-astro-cid-uhqaqbug]{width:100%;max-width:100%;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 8px 30px #0000001f,0 2px 8px #0000000f;transition:max-width .4s cubic-bezier(.25,.8,.25,1);flex:1;display:flex;flex-direction:column}.browser-chrome[data-astro-cid-uhqaqbug]{background:#f0f0f0;padding:.6rem 1rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid #ddd}.traffic-lights[data-astro-cid-uhqaqbug]{display:flex;gap:6px}.dot[data-astro-cid-uhqaqbug]{width:12px;height:12px;border-radius:50%}.dot[data-astro-cid-uhqaqbug].red{background:#ff5f57}.dot[data-astro-cid-uhqaqbug].yellow{background:#febc2e}.dot[data-astro-cid-uhqaqbug].green{background:#28c840}.url-bar[data-astro-cid-uhqaqbug]{flex:1;background:#fff;border-radius:6px;padding:.3rem .75rem;font-size:.8rem;color:#888;border:1px solid #ddd}.browser-viewport[data-astro-cid-uhqaqbug]{flex:1;overflow-y:auto;transition:font-family .3s ease;min-height:400px}#confetti-canvas[data-astro-cid-uhqaqbug]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;display:none}@media(max-width:900px){.playground[data-astro-cid-uhqaqbug]{grid-template-columns:1fr}.editor-panel[data-astro-cid-uhqaqbug]{position:static;max-height:none;border-right:none;border-bottom:1px solid #e0e0e0}.preview-panel[data-astro-cid-uhqaqbug]{min-height:500px}}