:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow:hidden;font-family:Arial,sans-serif}#app{height:100vh;width:100vw;position:fixed;top:0;left:0}.editor-container[data-v-3d52ec3e]{display:grid;grid-template-rows:70px 1fr 80px;height:100vh;width:100vw;background:linear-gradient(135deg,#667eea,#764ba2);gap:10px;padding:10px;box-sizing:border-box;overflow:hidden}.header[data-v-3d52ec3e]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:0 8px 32px #1f26875e}.header-left[data-v-3d52ec3e]{display:flex;align-items:center;gap:15px}.logo[data-v-3d52ec3e]{display:flex;align-items:center;justify-content:center}.header h1[data-v-3d52ec3e]{color:#4a5568;font-size:1.5em;font-weight:700}.help-btn[data-v-3d52ec3e]{background:#4ecdc4;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:500;transition:all .3s ease}.help-btn[data-v-3d52ec3e]:hover{background:#45b7d1;transform:translateY(-2px)}.main-content[data-v-3d52ec3e]{display:flex;gap:0;height:100%;min-height:0;overflow:hidden}.workspace-container[data-v-3d52ec3e]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px 0 0 15px;box-shadow:0 8px 32px #1f26875e;display:flex;flex-direction:column;overflow:hidden;min-width:0;max-width:100%}.preview-container[data-v-3d52ec3e]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0 15px 15px 0;box-shadow:0 8px 32px #1f26875e;display:flex;flex-direction:column;overflow:hidden;min-width:0;max-width:100%}.resizer[data-v-3d52ec3e]{width:10px;background:transparent;cursor:col-resize;display:flex;align-items:center;justify-content:center;position:relative;z-index:10;-webkit-user-select:none;user-select:none}.resizer[data-v-3d52ec3e]:hover{background:#ffffff1a}.resizer-handle[data-v-3d52ec3e]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px;border-radius:4px;background:#ffffff4d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .2s ease}.resizer:hover .resizer-handle[data-v-3d52ec3e]{background:#ffffff80;transform:scale(1.1)}.resizer-line[data-v-3d52ec3e]{width:2px;height:8px;background:#fffc;border-radius:1px}.workspace-header[data-v-3d52ec3e],.preview-header[data-v-3d52ec3e]{background:#4a5568;color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.workspace-header h2[data-v-3d52ec3e],.preview-header h2[data-v-3d52ec3e]{font-size:1.1em;font-weight:600}.clear-btn[data-v-3d52ec3e],.refresh-btn[data-v-3d52ec3e]{background:#fff3;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.9em}.clear-btn[data-v-3d52ec3e]:hover,.refresh-btn[data-v-3d52ec3e]:hover{background:#ffffff4d}.blockly-workspace[data-v-3d52ec3e]{flex:1;width:100%;min-height:0}.blockly-workspace[data-v-3d52ec3e] .blocklyTreeRowContentContainer{color:#333!important}.blockly-workspace[data-v-3d52ec3e] .blocklyTreeRowContentContainer span,.blockly-workspace[data-v-3d52ec3e] .blocklyToolboxCategoryLabel{color:#333!important;font-weight:700!important;font-size:14px!important}.blockly-workspace[data-v-3d52ec3e] .blocklyTreeRowContentContainer span{--color-text: #333 !important}.blockly-workspace[data-v-3d52ec3e] .blocklyTreeLabel,.blockly-workspace[data-v-3d52ec3e] .blocklyTreeLabel:hover,.blockly-workspace[data-v-3d52ec3e] .blocklyTreeLabel:focus,.blockly-workspace[data-v-3d52ec3e] .blocklyTreeRow .blocklyTreeLabel,.blockly-workspace[data-v-3d52ec3e] .blocklyTreeRowContentContainer .blocklyTreeLabel{color:#333!important;font-weight:700!important;font-size:14px!important}.blockly-workspace[data-v-3d52ec3e] .blocklyTreeRow,.blockly-workspace[data-v-3d52ec3e] .blocklyTreeRow:hover,.blockly-workspace[data-v-3d52ec3e] .blocklyTreeRow:focus{color:#333!important}.blockly-workspace[data-v-3d52ec3e] .blocklyToolboxDiv{background-color:#f5f5f5!important;border-right:1px solid #ddd!important}.blockly-workspace[data-v-3d52ec3e] .blocklyTreeRow *{color:#333!important;--color-text: #333 !important}.blockly-workspace[data-v-3d52ec3e] .blocklyTreeRow[style*=background-color]{color:#fff!important}.preview-content[data-v-3d52ec3e]{flex:1;padding:0;background:#fff;overflow:hidden;position:relative;width:100%;height:100%}.preview-frame[data-v-3d52ec3e]{width:100%;height:100%;border:none;background:#fff;position:absolute;top:0;left:0;box-sizing:border-box}.resize-overlay[data-v-3d52ec3e]{position:absolute;top:0;left:0;width:100%;height:100%;background:#fffffff2;display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.resize-message[data-v-3d52ec3e]{display:flex;flex-direction:column;align-items:center;gap:10px;color:#4a5568;font-weight:500;font-size:.9em}.resize-message svg[data-v-3d52ec3e]{color:#4ecdc4;animation:pulse-3d52ec3e 1.5s ease-in-out infinite}@keyframes pulse-3d52ec3e{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.control-panel[data-v-3d52ec3e]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;box-shadow:0 8px 32px #1f26875e;display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:20px}.project-controls[data-v-3d52ec3e],.export-controls[data-v-3d52ec3e]{display:flex;align-items:center;gap:10px}.project-name-input[data-v-3d52ec3e]{padding:8px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:.9em;min-width:150px}.project-name-input[data-v-3d52ec3e]:focus{outline:none;border-color:#4ecdc4}.save-btn[data-v-3d52ec3e],.load-btn[data-v-3d52ec3e],.export-btn[data-v-3d52ec3e],.code-btn[data-v-3d52ec3e]{background:#4ecdc4;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:500;transition:all .3s ease}.save-btn[data-v-3d52ec3e]:hover,.load-btn[data-v-3d52ec3e]:hover,.export-btn[data-v-3d52ec3e]:hover,.code-btn[data-v-3d52ec3e]:hover{background:#45b7d1;transform:translateY(-2px)}.blocks-export[data-v-3d52ec3e]{background:#10b981}.blocks-export[data-v-3d52ec3e]:hover{background:#059669;transform:translateY(-2px)}.modal-overlay[data-v-3d52ec3e]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;box-sizing:border-box;overflow:visible}.modal-content[data-v-3d52ec3e]{background:#fff;border-radius:15px;box-shadow:0 20px 40px #0000001a;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;position:relative;margin:0 auto}.modal-content.large[data-v-3d52ec3e]{max-width:800px}.modal-content.medium[data-v-3d52ec3e]{max-width:600px}.modal-content.extra-large[data-v-3d52ec3e]{max-width:1000px;width:95%;max-height:90vh}.editor-container[data-v-3d52ec3e]{overflow:visible!important}.modal-header[data-v-3d52ec3e]{background:#4a5568;color:#fff;padding:20px;border-radius:15px 15px 0 0;display:flex;justify-content:space-between;align-items:center}.close-btn[data-v-3d52ec3e]{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-body[data-v-3d52ec3e]{padding:20px;color:#4a5568}.modal-body h3[data-v-3d52ec3e]{color:#4a5568;margin-bottom:10px;margin-top:20px}.modal-body h3[data-v-3d52ec3e]:first-child{margin-top:0}.modal-body ol[data-v-3d52ec3e],.modal-body ul[data-v-3d52ec3e]{padding-left:20px}.modal-body li[data-v-3d52ec3e]{margin-bottom:8px;line-height:1.5}.modal-body pre[data-v-3d52ec3e]{background:#f8f9fa;padding:15px;border-radius:8px;overflow-x:auto;font-family:Courier New,monospace;font-size:.9em}.copy-btn[data-v-3d52ec3e]{background:#4ecdc4;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;margin-top:10px}.copy-btn[data-v-3d52ec3e]:hover{background:#45b7d1}.help-modal-body[data-v-3d52ec3e]{max-height:70vh;overflow-y:auto;padding:30px}.help-sections[data-v-3d52ec3e]{max-width:none}.help-section[data-v-3d52ec3e]{margin-bottom:40px}.help-section h3[data-v-3d52ec3e]{color:#4a5568;font-size:1.5em;margin-bottom:20px;padding-bottom:10px;border-bottom:3px solid #4ECDC4}.block-category[data-v-3d52ec3e]{padding:20px;border-radius:10px;margin-bottom:20px}.body-blocks[data-v-3d52ec3e]{background:#9e9e9e1a}.heading-blocks[data-v-3d52ec3e]{background:#ff6b6b1a}.text-blocks[data-v-3d52ec3e]{background:#ed91e51a}.list-blocks[data-v-3d52ec3e]{background:#57a9fa1a}.image-blocks[data-v-3d52ec3e]{background:#5ebf741a}.layout-blocks[data-v-3d52ec3e]{background:#c095f51a}.style-blocks[data-v-3d52ec3e]{background:#f6a2571a}.block-category h4[data-v-3d52ec3e]{color:#4a5568;margin-bottom:10px;font-size:1.1em}.feature-grid[data-v-3d52ec3e],.tips-grid[data-v-3d52ec3e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.feature-card[data-v-3d52ec3e],.tip-card[data-v-3d52ec3e]{background:#fff;padding:20px;border-radius:10px;box-shadow:0 5px 15px #0000001a;border-top:4px solid #4ECDC4}.feature-card h4[data-v-3d52ec3e],.tip-card h4[data-v-3d52ec3e]{color:#4a5568;margin-bottom:10px}.project-ideas[data-v-3d52ec3e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:20px}.idea-card[data-v-3d52ec3e]{background:linear-gradient(135deg,#4ecdc4,#45b7d1);color:#fff;padding:20px;border-radius:10px;text-align:center}.idea-card h4[data-v-3d52ec3e]{margin-bottom:10px;font-size:1.1em}.save-form[data-v-3d52ec3e],.load-form[data-v-3d52ec3e]{display:flex;flex-direction:column;gap:20px}.save-form label[data-v-3d52ec3e]{font-weight:600;color:#4a5568;margin-bottom:8px}.project-input[data-v-3d52ec3e]{padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;transition:border-color .3s ease}.project-input[data-v-3d52ec3e]:focus{outline:none;border-color:#4ecdc4;box-shadow:0 0 0 3px #4ecdc41a}.form-actions[data-v-3d52ec3e]{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.cancel-btn[data-v-3d52ec3e],.confirm-btn[data-v-3d52ec3e]{padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.cancel-btn[data-v-3d52ec3e]{background:#f7fafc;color:#4a5568;border:2px solid #e2e8f0}.cancel-btn[data-v-3d52ec3e]:hover{background:#edf2f7;border-color:#cbd5e0}.confirm-btn[data-v-3d52ec3e]{background:#4ecdc4;color:#fff;border:2px solid #4ECDC4}.confirm-btn[data-v-3d52ec3e]:hover:not(:disabled){background:#45b7d1;border-color:#45b7d1;transform:translateY(-2px)}.confirm-btn[data-v-3d52ec3e]:disabled{background:#a0aec0;border-color:#a0aec0;cursor:not-allowed;transform:none}.existing-projects[data-v-3d52ec3e]{margin-top:24px;padding-top:20px;border-top:1px solid #e2e8f0}.existing-projects h4[data-v-3d52ec3e]{color:#4a5568;margin-bottom:12px;font-size:14px;font-weight:600}.project-list[data-v-3d52ec3e]{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.project-item[data-v-3d52ec3e]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;background:#f7fafc;transition:all .3s ease}.project-item.clickable[data-v-3d52ec3e]{cursor:pointer}.project-item.clickable[data-v-3d52ec3e]:hover{border-color:#4ecdc4;background:#f0fdfa}.project-item.selected[data-v-3d52ec3e]{border-color:#4ecdc4;background:#e6fffa}.project-info[data-v-3d52ec3e]{display:flex;flex-direction:column;flex:1}.project-name[data-v-3d52ec3e]{font-weight:600;color:#2d3748}.project-date[data-v-3d52ec3e]{font-size:12px;color:#718096}.overwrite-warning[data-v-3d52ec3e]{font-size:12px;color:#f56565;font-weight:500}.project-actions[data-v-3d52ec3e]{display:flex;gap:8px}.delete-btn[data-v-3d52ec3e]{background:#fed7d7;color:#c53030;border:none;padding:6px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.delete-btn[data-v-3d52ec3e]:hover{background:#feb2b2;transform:scale(1.1)}.no-projects[data-v-3d52ec3e]{text-align:center;padding:40px 20px}.no-projects-icon[data-v-3d52ec3e]{font-size:48px;margin-bottom:16px}.no-projects h3[data-v-3d52ec3e]{color:#4a5568;margin-bottom:8px}.no-projects p[data-v-3d52ec3e]{color:#718096;line-height:1.5}.import-btn[data-v-3d52ec3e]{background:#10b981;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:500;transition:all .3s ease}.import-btn[data-v-3d52ec3e]:hover{background:#059669;transform:translateY(-2px)}.import-info[data-v-3d52ec3e]{display:flex;flex-direction:column;gap:20px}.import-file-info[data-v-3d52ec3e]{display:flex;gap:16px;align-items:center;padding:16px;background:#e3f4e7;border-radius:8px}.file-icon[data-v-3d52ec3e]{font-size:32px}.file-details h3[data-v-3d52ec3e]{margin:0 0 8px;color:#1a202c;font-size:18px}.file-details p[data-v-3d52ec3e]{margin:4px 0;color:#4a5568;font-size:14px}.import-warning[data-v-3d52ec3e]{display:flex;gap:12px;padding:16px;background:#fef5e7;border-radius:8px}.warning-icon[data-v-3d52ec3e]{font-size:20px}.warning-text[data-v-3d52ec3e]{color:#92400e;line-height:1.5}.warning-text strong[data-v-3d52ec3e]{color:#78350f}.export-controls[data-v-3d52ec3e]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}@media (max-width: 768px){.export-controls[data-v-3d52ec3e]{flex-direction:column;align-items:stretch;gap:8px}.export-controls button[data-v-3d52ec3e]{width:100%;justify-content:center;flex:1;min-width:140px}.help-modal-body[data-v-3d52ec3e]{padding:20px;max-height:75vh}.feature-grid[data-v-3d52ec3e],.tips-grid[data-v-3d52ec3e]{grid-template-columns:1fr}.project-ideas[data-v-3d52ec3e]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.modal-content.extra-large[data-v-3d52ec3e]{width:98%;max-height:95vh}}.help-modal-body p[data-v-3d52ec3e]{line-height:1.6;margin-bottom:10px}.help-modal-body em[data-v-3d52ec3e]{color:#666;font-style:italic}.help-modal-body strong[data-v-3d52ec3e]{color:#4a5568}.help-modal-body ul[data-v-3d52ec3e],.help-modal-body ol[data-v-3d52ec3e]{padding-left:25px}.help-modal-body li[data-v-3d52ec3e]{margin-bottom:8px;line-height:1.6}.print-container[data-v-a7339180]{width:100vw;height:100vh;display:flex;flex-direction:column;background:#fff;overflow:hidden;padding:1em}.print-header[data-v-a7339180]{padding:20px 0;background:#fff;border:none}.print-header h1[data-v-a7339180]{margin:0 0 10px;color:#2d3748;font-size:24px;font-weight:700}.project-info[data-v-a7339180]{color:#718096;font-size:14px}.project-info span[data-v-a7339180]{margin:0 8px}.print-workspace[data-v-a7339180]{flex:1;background:#fff;overflow:hidden}.blockly-print-area[data-v-a7339180]{width:100%;height:100%;background:#fff}.blockly-print-area[data-v-a7339180] .blocklyToolboxDiv,.blockly-print-area[data-v-a7339180] .blocklyFlyout,.blockly-print-area[data-v-a7339180] .blocklyScrollbarVertical,.blockly-print-area[data-v-a7339180] .blocklyScrollbarHorizontal{display:none!important}.blockly-print-area[data-v-a7339180] .blocklyMainBackground{fill:#fff!important}.blockly-print-area[data-v-a7339180] .blocklyGridPattern,.blockly-print-area[data-v-a7339180] .blocklyGridLine{display:none!important}.blockly-print-area[data-v-a7339180] .blocklyWorkspace,.blockly-print-area[data-v-a7339180] .blocklySvg{background:#fff!important;border:none!important}.print-controls[data-v-a7339180]{position:fixed;top:20px;right:20px;display:flex;gap:12px;z-index:1000}.print-btn[data-v-a7339180],.back-btn[data-v-a7339180]{background:#f96656;color:#fff;border:none;padding:12px 16px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:500;text-decoration:none;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.back-btn[data-v-a7339180]{background:#718096}.print-btn[data-v-a7339180]:hover,.back-btn[data-v-a7339180]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.print-btn[data-v-a7339180]:hover{background:#45b7d1}.back-btn[data-v-a7339180]:hover{background:#4a5568}@media print{.no-print[data-v-a7339180]{display:none!important}.print-container[data-v-a7339180]{height:auto;background:#fff;width:auto;padding:1em}.print-header[data-v-a7339180]{border:none;page-break-after:avoid}.print-workspace[data-v-a7339180]{height:70vh;page-break-inside:avoid;background:#fff}.blockly-print-area[data-v-a7339180] .blocklyMainBackground{fill:#fff!important}.blockly-print-area[data-v-a7339180] .blocklyGridPattern,.blockly-print-area[data-v-a7339180] .blocklyGridLine{display:none!important}.blockly-print-area[data-v-a7339180] .blocklyPath{stroke-width:1.5!important}.blockly-print-area[data-v-a7339180] .blocklyText{font-size:12px!important;fill:#000!important}.blockly-print-area[data-v-a7339180] .blocklyWorkspace,.blockly-print-area[data-v-a7339180] .blocklySvg{background:#fff!important;border:none!important}}@media screen and (max-width: 768px){.print-controls[data-v-a7339180]{position:static;padding:20px;justify-content:center;background:#f7fafc;border-top:1px solid #e5e5e5}.print-controls button[data-v-a7339180],.print-controls a[data-v-a7339180]{flex:1;justify-content:center}}