#demo.svelte-1pb3ed5{font-family:var(--font-family-sans-serif, system-ui, -apple-system, sans-serif);background:var(--background-secondary, #f9f9f9);border-radius:8px;padding:20px;margin:20px 0;box-shadow:0 2px 8px var(--shadow-color, rgba(0, 0, 0, .1));width:100%;box-sizing:border-box;color:var(--text-color, inherit)}.controls.svelte-1pb3ed5{margin-bottom:20px}button.svelte-1pb3ed5{background:var(--button-background-primary, #2a6dff);color:var(--button-text-primary, white);border:none;padding:8px 16px;border-radius:4px;cursor:pointer;margin-right:10px;margin-bottom:5px;font-weight:700}button.svelte-1pb3ed5:disabled{background:var(--button-background-disabled, #ccc);color:var(--button-text-disabled, #666);cursor:not-allowed}.timing-settings.svelte-1pb3ed5{margin-bottom:20px;padding:10px;background-color:var(--background-tertiary, #f0f0f0);border-radius:4px;display:flex;gap:15px;flex-wrap:wrap}.timing-settings.svelte-1pb3ed5 label:where(.svelte-1pb3ed5){display:flex;align-items:center;gap:5px;color:var(--text-color-secondary, inherit)}.timing-settings.svelte-1pb3ed5 input[type=number]:where(.svelte-1pb3ed5){width:60px;padding:4px;border-radius:3px;border:1px solid var(--border-color, #ccc);background-color:var(--input-background, white);color:var(--input-text-color, inherit)}.timing-settings.svelte-1pb3ed5 input[type=number]:where(.svelte-1pb3ed5):disabled{background-color:var(--input-background-disabled, #e9ecef);color:var(--input-text-color-disabled, #aaa);cursor:not-allowed}.container.svelte-1pb3ed5{display:flex;flex-direction:column;gap:20px;width:100%}.top-section.svelte-1pb3ed5{display:flex;flex-wrap:wrap;gap:20px}.left.svelte-1pb3ed5,.right.svelte-1pb3ed5{flex:1;min-width:250px}h3.svelte-1pb3ed5{margin-top:0;margin-bottom:10px;border-bottom:1px solid var(--border-color-soft, #eee);padding-bottom:8px;color:var(--heading-color, inherit)}pre.svelte-1pb3ed5{background:var(--pre-background, #f5f5f5);padding:10px;border-radius:4px;overflow:auto;font-size:14px;margin:0;white-space:pre-wrap;word-break:break-word;color:var(--pre-text-color, inherit)}.file-container.svelte-1pb3ed5{position:relative}.loading-indicator.svelte-1pb3ed5{position:absolute;top:10px;right:10px;background:var(--accent-color-warning, #ff5722);color:var(--text-color-on-accent, white);padding:4px 8px;border-radius:4px;font-size:12px;opacity:0;transition:opacity .3s}.loading-indicator.active.svelte-1pb3ed5{opacity:1}.css-file.svelte-1pb3ed5{max-height:200px;overflow-y:auto}pre.binary.svelte-1pb3ed5{max-height:4.2em;overflow-y:auto}pre.decoded.svelte-1pb3ed5{max-height:100px}.graph-section.svelte-1pb3ed5{width:100%}.graph-container.svelte-1pb3ed5{border:1px solid var(--border-color, #ddd);border-radius:4px;background:var(--background-primary, #fff);overflow:hidden;height:200px;width:100%;position:relative}canvas.svelte-1pb3ed5{width:100%;height:100%;display:block}@media(max-width:600px){.graph-container.svelte-1pb3ed5{height:150px}.top-section.svelte-1pb3ed5{flex-direction:column}.left.svelte-1pb3ed5,.right.svelte-1pb3ed5{width:100%}.css-file.svelte-1pb3ed5,.binary.svelte-1pb3ed5,.decoded.svelte-1pb3ed5{max-height:120px}}