.playground.svelte-1pt093{display:flex;gap:10px;padding:12px 16px;height:calc(100vh - 60px);box-sizing:border-box;overflow:hidden}.sidebar.svelte-1pt093{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:10px;overflow-y:auto;overflow-x:hidden;min-width:0}.right-content.svelte-1pt093{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:10px}.canvas-area.svelte-1pt093{flex:1 1 0;min-height:0;min-width:0;overflow:hidden}.canvas-area.svelte-1pt093 .sim{height:100%}.canvas-area.svelte-1pt093 .canvas-wrap{height:calc(100% - 50px);display:flex;align-items:center;justify-content:center}.canvas-area.svelte-1pt093 canvas{width:auto;height:100%;max-width:100%;object-fit:contain}.bottom-panels.svelte-1pt093{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex-shrink:0;max-height:40vh;overflow-y:auto}@media (max-width: 1023px){.playground.svelte-1pt093{flex-direction:column;height:auto;overflow:auto}.sidebar.svelte-1pt093{width:100%;flex-direction:row;flex-wrap:wrap;overflow-x:visible}.sidebar.svelte-1pt093>*{flex:1;min-width:200px}.spread-btns.svelte-1pt093{min-width:0;flex:0 0 auto}.sidebar.svelte-1pt093>.shortcuts{min-width:0;flex:0 0 auto;font-size:.65rem;gap:4px 10px}.canvas-area.svelte-1pt093{flex:none;min-height:auto;overflow:visible}.canvas-area.svelte-1pt093 .canvas-wrap{height:auto}.canvas-area.svelte-1pt093 canvas{width:100%;height:auto}.bottom-panels.svelte-1pt093{max-height:none;overflow:visible}}@media (max-width: 767px){.sidebar.svelte-1pt093{flex-direction:column}.sidebar.svelte-1pt093>*{min-width:0}.bottom-panels.svelte-1pt093{grid-template-columns:1fr}}.card.svelte-1pt093{background:#263238;border:1px solid #37474f;border-radius:8px;padding:14px 16px}.card-title.svelte-1pt093{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:#78909c;margin-bottom:12px;font-weight:600;display:block}.spread-btns.svelte-1pt093{display:flex;flex-wrap:wrap;gap:6px}.field.svelte-1pt093{display:flex;align-items:center;gap:8px;margin-bottom:7px}.field.svelte-1pt093:last-child{margin-bottom:0}.field.svelte-1pt093 input:where(.svelte-1pt093){flex-grow:2}.field.svelte-1pt093 label:where(.svelte-1pt093){font-size:.8rem;color:#90a4ae;width:60px;flex-shrink:0}.field.svelte-1pt093 input[type=number]:where(.svelte-1pt093){width:62px;background:#1a2327;border:1px solid #37474f;border-radius:5px;color:#eceff1;padding:4px 7px;font-size:.82rem}.field.svelte-1pt093 input[type=number]:where(.svelte-1pt093):focus{outline:1px solid #c3e88d;border-color:#c3e88d}button.svelte-1pt093{background:#1a2327;border:1px solid #37474f;color:#cfd8dc;border-radius:6px;padding:6px 11px;font-size:.82rem;cursor:pointer;transition:background .13s,border-color .13s;display:flex;align-items:center;gap:6px}button.svelte-1pt093:hover{background:#2e3c43;border-color:#546e7a;color:#eceff1}.toggle-btn.svelte-1pt093{width:100%;justify-content:flex-start;gap:10px;padding:8px 12px;margin-bottom:8px}.toggle-btn.active.svelte-1pt093{border-color:#c3e88d55;color:#c3e88d}.pdots.svelte-1pt093{display:flex;gap:3px;flex-shrink:0}.pdot.svelte-1pt093{width:8px;height:8px;border-radius:50%;flex-shrink:0}