h3.svelte-s03vp0{font-size:1.1rem;color:var(--ui-color);margin-top:1rem;margin-bottom:.5rem}.control-group.svelte-s03vp0:first-child h3:where(.svelte-s03vp0){margin-top:0}.split-container.svelte-s03vp0{display:flex;flex-wrap:nowrap;gap:var(--spacing-lg);margin-top:var(--spacing-lg);align-items:flex-start;width:100%}.control-panel.svelte-s03vp0{flex:0 0 320px;max-width:100%;box-sizing:border-box;margin-bottom:0!important}.radio-label.svelte-s03vp0{display:flex;align-items:center;gap:.75rem;cursor:pointer;margin-bottom:.5rem;font-weight:500}.radio-label.svelte-s03vp0 input[type=radio]:where(.svelte-s03vp0){width:auto;accent-color:var(--ui-color);margin:0;transform:scale(1.2)}.range-label.svelte-s03vp0{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;font-weight:500;color:var(--text-muted)}.range-label.svelte-s03vp0 input[type=range]:where(.svelte-s03vp0){width:100%;accent-color:var(--ui-color);padding:0;margin:0;background:transparent;border:none}.visual-area.svelte-s03vp0{flex:1 1 0%;display:flex;justify-content:flex-start;align-items:flex-start;min-height:550px;padding-bottom:2rem;max-width:100%;min-width:0;overflow-x:auto}.flex-viewport.svelte-s03vp0{display:flex;gap:.75rem;padding:1rem;border-radius:8px;border:2px dashed #ef4444;background:#ef44440d;transition:width .2s ease,height .2s ease;position:relative;box-sizing:border-box;max-width:600px}.flex-viewport.svelte-s03vp0:before{content:"Container";position:absolute;top:-25px;left:0;font-size:.85rem;color:#ef4444;font-weight:700;letter-spacing:1px;text-transform:uppercase}.flex-item.svelte-s03vp0{flex:0 0 auto;width:60px;height:48px;display:grid;place-items:center;border:2px solid #22c55e;border-radius:6px;background:#22c55e26;font-weight:700;color:#22c55e;box-shadow:0 4px 6px #0000001a}@media(max-width:850px){.split-container.svelte-s03vp0{flex-direction:column}.control-panel.svelte-s03vp0{flex:0 0 auto;width:100%}.visual-area.svelte-s03vp0{flex:0 0 auto;width:100%;min-height:400px}}