.blockly-container.svelte-ah6j5d{width:100%;height:100%;display:flex;flex-direction:column}.blockly-tabs.svelte-ah6j5d{display:flex;border-bottom:1px solid #ddd;margin-bottom:0;position:relative;z-index:10;flex-wrap:wrap;justify-content:space-between}.tab-group.svelte-ah6j5d,.preview-controls.svelte-ah6j5d{display:flex}.tab-button.svelte-ah6j5d{padding:8px 12px;border:none;background:#f5f5f5;cursor:pointer;margin-right:2px;border-radius:3px 3px 0 0;border:1px solid #ddd;border-bottom:none;display:flex;align-items:center;gap:5px}.tab-button.svelte-ah6j5d .icon:where(.svelte-ah6j5d){font-size:16px}.tab-button.active.svelte-ah6j5d{background:#fff;border-bottom:2px solid white;margin-bottom:-1px;font-weight:700}.preview-button.svelte-ah6j5d{background-color:#e0e0e0}.blockly-content.svelte-ah6j5d{flex:1;position:relative;min-height:300px;display:flex;flex-direction:column}.blockly-content.side-by-side.svelte-ah6j5d{flex-direction:row}.main-panel.svelte-ah6j5d{flex:1;position:relative;height:100%;min-height:300px}.preview-panel.svelte-ah6j5d{width:40%;min-width:300px;border-left:1px solid #ddd;height:100%;overflow:hidden}.blockly-editor.svelte-ah6j5d{width:100%;height:100%;min-height:300px;position:absolute;top:0;left:0}.code-container.svelte-ah6j5d{width:100%;height:100%;min-height:300px;overflow:auto;border:1px solid #ddd;padding:10px;box-sizing:border-box}.code-display.svelte-ah6j5d{margin:0;white-space:pre-wrap;font-family:monospace;font-size:14px}.loading-container.svelte-ah6j5d{display:flex;justify-content:center;align-items:center;height:100%;width:100%;position:absolute;background:#ffffffb3;z-index:10}.preview-container.svelte-ah6j5d{width:100%;height:100%;border:1px solid #ddd;box-sizing:border-box}.preview-iframe.svelte-ah6j5d{width:100%;height:100%;border:none}.action-buttons.svelte-ah6j5d{display:flex;gap:10px;margin-bottom:10px;position:relative;z-index:10}.action-buttons.svelte-ah6j5d button:where(.svelte-ah6j5d){padding:6px 12px;background:#f0f0f0;border:1px solid #ccc;border-radius:4px;cursor:pointer}.action-buttons.svelte-ah6j5d button:where(.svelte-ah6j5d):hover{background:#e0e0e0}.code-display.svelte-ah6j5d code:where(.svelte-ah6j5d){display:block;width:100%;height:100%;margin:0;white-space:pre-wrap;font-family:monospace;font-size:14px}.full-page-preview.svelte-ah6j5d{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:100;display:flex;flex-direction:column}.preview-header.svelte-ah6j5d{padding:8px;background:#f0f0f0;border-bottom:1px solid #ccc;text-align:right}.preview-container.full-page.svelte-ah6j5d{flex:1}@media (max-width: 1024px){.blockly-content.side-by-side.svelte-ah6j5d{flex-direction:column}.preview-panel.svelte-ah6j5d{width:100%;height:300px;min-width:auto;border-left:none;border-top:1px solid #ddd}.blockly-content.side-by-side.svelte-ah6j5d .main-panel:where(.svelte-ah6j5d){height:60vh;min-height:250px}.blockly-content.side-by-side.svelte-ah6j5d .preview-panel:where(.svelte-ah6j5d){height:40vh;min-height:200px}}@media (max-width: 767px){.blockly-tabs.svelte-ah6j5d{overflow-x:auto;flex-wrap:nowrap}.tab-button.svelte-ah6j5d{padding:8px 10px}.tab-button.svelte-ah6j5d .tab-text:where(.svelte-ah6j5d){display:none}.tab-button.svelte-ah6j5d .icon:where(.svelte-ah6j5d){font-size:18px}.preview-controls.svelte-ah6j5d{display:flex;flex-direction:row}.preview-controls.svelte-ah6j5d .tab-button:where(.svelte-ah6j5d){padding:8px;min-width:auto}.blockly-content.svelte-ah6j5d{height:calc(100vh - 50px)}@media (max-width: 480px){.blockly-content.side-by-side.svelte-ah6j5d{flex-direction:column}.preview-panel.svelte-ah6j5d{width:100%;height:250px}.action-buttons.svelte-ah6j5d{flex-wrap:wrap}.action-buttons.svelte-ah6j5d button:where(.svelte-ah6j5d){flex:1 0 40%;font-size:12px;padding:4px 6px}}.blockly-content.side-by-side.svelte-ah6j5d .main-panel:where(.svelte-ah6j5d){height:50vh}.blockly-content.side-by-side.svelte-ah6j5d .preview-panel:where(.svelte-ah6j5d){height:50vh}}.blocklyToolboxDiv,.blocklyFlyout{transition:width .3s ease}@media (max-width: 767px){.blocklyTreeRow{padding-top:2px!important;padding-bottom:2px!important;height:auto!important;min-height:18px!important;margin-bottom:0!important}.blocklyTreeLabel{font-size:12px!important;line-height:1!important}.blocklyTreeIcon{width:8px!important;height:8px!important;margin:0 2px!important}.blocklyTreeSeparator{margin:1px 0!important;height:1px!important}.blocklyTreeRow[aria-level="1"]{margin-bottom:1px!important}.blocklyTreeRow[aria-level="2"]{padding-top:1px!important;padding-bottom:1px!important;min-height:16px!important}.blocklyToolboxContents{padding:2px!important}.blocklyTreeRoot{padding:0!important;margin:0!important}}.preview-button.svelte-ah6j5d .icon:where(.svelte-ah6j5d){display:inline-block}.container.svelte-116zd3d{max-width:1800px;margin:0 auto;padding:20px}@media (max-width: 767px){.container.svelte-116zd3d{padding:10px 10px 15px;margin:10px auto 15px}h1.svelte-116zd3d{font-size:1.8rem;margin-bottom:.6rem;padding:.2rem 0;margin-top:0}}.error-message.svelte-116zd3d{background-color:#fdd;border-left:6px solid #f44336;padding:10px;margin-bottom:15px}h1.svelte-116zd3d{margin-bottom:1.5rem;font-size:2.5rem;font-weight:700;color:#2a2a72;text-align:center;text-transform:uppercase;letter-spacing:.05em;padding:.5rem 0;border-bottom:3px solid #0071BD;text-shadow:1px 1px 2px rgba(0,0,0,.1)}@media (max-width: 767px){h1.svelte-116zd3d{font-size:1.8rem;margin-bottom:.6rem;padding:.2rem 0}}.controls.svelte-116zd3d{margin-bottom:15px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center}.controls.svelte-116zd3d button:where(.svelte-116zd3d){padding:8px 16px;background-color:#0071bd;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:5px}.controls.svelte-116zd3d button:where(.svelte-116zd3d):hover{background-color:#005a94}.controls.svelte-116zd3d .save-button:where(.svelte-116zd3d){background-color:#28a745}.controls.svelte-116zd3d .save-button:where(.svelte-116zd3d):hover{background-color:#218838}.controls.svelte-116zd3d .export-button:where(.svelte-116zd3d){background-color:#6c757d}.controls.svelte-116zd3d .export-button:where(.svelte-116zd3d):hover{background-color:#5a6268}.btn-icon.svelte-116zd3d{font-size:1.1em}.loading-indicator.svelte-116zd3d{display:inline-block;font-size:1.2em}.examples-dropdown.svelte-116zd3d,.saved-pages-dropdown.svelte-116zd3d{display:flex;align-items:center;gap:8px}.examples-dropdown.svelte-116zd3d select:where(.svelte-116zd3d),.saved-pages-dropdown.svelte-116zd3d select:where(.svelte-116zd3d){padding:8px;border-radius:4px;border:1px solid #ddd;min-width:200px}.editor-container.svelte-116zd3d{height:760px;border:1px solid #ddd;border-radius:4px;overflow:hidden;margin-bottom:20px}@media (max-width: 767px){.controls.svelte-116zd3d{gap:4px;margin-bottom:8px;margin-top:0}.controls.svelte-116zd3d button:where(.svelte-116zd3d){padding:5px 8px}.btn-text.svelte-116zd3d{display:none}.btn-icon.svelte-116zd3d{font-size:1.2em;margin:0}.examples-dropdown.svelte-116zd3d select:where(.svelte-116zd3d),.saved-pages-dropdown.svelte-116zd3d select:where(.svelte-116zd3d){min-width:80px;max-width:90px;padding:5px;font-size:.85em;text-overflow:ellipsis}.editor-container.svelte-116zd3d{height:calc(100vh - 140px)}}