.sandbox-container.svelte-18seq51{display:flex;flex-direction:column;gap:16px;width:100%}.pane.svelte-18seq51{display:flex;flex-direction:column;background:#0f0f0f;border:2px solid #000;border-radius:8px;overflow:hidden;transition:height .4s cubic-bezier(.4,0,.2,1)}.label.svelte-18seq51{background:#1a1a1a;padding:6px 12px;font-size:10px;font-family:var(--font-mono);color:#666;border-bottom:1px solid #333;text-transform:uppercase}textarea.svelte-18seq51{height:150px;background:transparent;border:none;color:#e6e6e6;font-family:var(--font-mono);font-size:12px;padding:16px;resize:vertical;outline:none}.viewer-wrapper.svelte-18seq51{flex:1;background:#fff;position:relative;overflow:hidden}iframe.svelte-18seq51{width:200%;height:200%;border:none;position:absolute;top:0;left:0;transform:scale(.5);transform-origin:top left;pointer-events:none}.output-pane.svelte-18seq51:hover iframe:where(.svelte-18seq51){pointer-events:auto}.label.svelte-18seq51{display:flex;justify-content:space-between;align-items:center;background:#1a1a1a;padding:4px 12px;font-size:10px;font-family:var(--font-mono);color:#666;border-bottom:1px solid #333}.btn-mini.svelte-18seq51{background:#333;color:#e6e6e6;border:none;padding:2px 8px;font-size:9px;cursor:pointer;text-transform:uppercase;font-weight:700;border-radius:2px}.btn-mini.svelte-18seq51:hover{background:#ff7a18;color:#000}