@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap";.app-container{min-height:100vh;background:var(--bg);padding:16px}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;margin-right:var(--preview-width)}.language-switcher{position:relative;z-index:1;display:flex;align-items:center;gap:10px;width:fit-content;padding:8px 10px;background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 20px #1f23280d}.workspace-container{position:relative;min-height:100vh;margin-right:var(--preview-width)}.blockly-workspace{width:100%;height:calc(100vh - 32px);overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fbfaf7;box-shadow:var(--shadow)}.blocklyMainBackground{stroke:none!important;fill:#fbfaf7!important}.blocklyToolboxDiv{background:#f7f4ed!important;border-right:1px solid var(--line)!important;color:var(--text)!important;font-family:IBM Plex Sans JP,sans-serif!important}.blocklyTreeRow{height:38px!important;line-height:38px!important;margin:4px 8px!important;padding:0 10px!important;border-radius:10px!important}.blocklyTreeRow:hover{background-color:#ece7dd!important}.blocklyTreeSelected{background:var(--accent-soft)!important}.blocklyTreeLabel{font-family:IBM Plex Sans JP,sans-serif!important;font-size:13px!important;color:var(--text)!important}.blocklyFlyout,.blocklyFlyoutBackground{background:#f3efe7!important;fill:#f3efe7!important;fill-opacity:1!important}.blocklyFlyoutScrollbar{display:none!important}.blocklyBlockCanvas{filter:drop-shadow(0 3px 6px rgba(31,35,40,.12))}.blocklyBlockCanvas .blocklyPath[fill="#5ba55b"]{fill:#5f8f55!important;stroke:#4b7143!important}.blocklyBlockCanvas .blocklyPath[fill="#5b67a5"]{fill:#6173b4!important;stroke:#4a588a!important}.blocklyBlockCanvas .blocklyPath[fill="#5b80a5"]{fill:#5b8b9d!important;stroke:#466d7b!important}.blocklyBlockCanvas .blocklyPath[fill="#9c27b0"]{fill:#8368b0!important;stroke:#66508b!important}.blocklyText,.blocklyEditableText>text,.blocklyEditableText>g>text,.blocklyDropdownText,.blocklyNumericField>text{font-family:IBM Plex Sans JP,sans-serif!important;font-size:13px!important;fill:#fff!important}.blocklyEditableText>rect,.blocklyNumericField>rect{fill:#00000029!important;stroke:#ffffff1f!important}.blocklyDropDownDiv,.blocklyDropDownContent{background:#ffffff!important;border:1px solid var(--line)!important;border-radius:12px!important}.blocklyDropDownContent .goog-menuitem{color:var(--text)!important;font-family:IBM Plex Sans JP,sans-serif!important;font-size:13px!important;padding:8px 12px!important}.blocklyDropDownContent .goog-menuitem:hover{background:#f3efe7!important}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ece7dd}::-webkit-scrollbar-thumb{background:#c8c0b1;border-radius:999px}@media (max-width: 1200px){.editor-toolbar,.workspace-container{margin-right:0}}@media (max-width: 900px){.editor-toolbar{align-items:stretch;flex-direction:column}.workspace-container{min-height:auto}.blockly-workspace{height:58vh}}:root{--bg: #f5f3ee;--surface: #ffffff;--surface-muted: #f0ede6;--surface-dark: #1f2328;--line: #ddd7cc;--line-strong: #c8c0b1;--text: #1f2328;--text-muted: #6b7280;--text-on-dark: #f7f5ef;--accent: #2f6f52;--accent-soft: #e3eee8;--shadow: 0 16px 40px rgba(31, 35, 40, .08);--nav-height: 68px;--sidebar-width: 320px;--preview-width: 500px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}body{min-width:320px;font-family:IBM Plex Sans JP,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}button,input,textarea{font:inherit}