.blocklyMobileInput{color:transparent;caret-color:#000;background:transparent;border:none;outline:none;position:absolute;z-index:99999}.blocklyMobileInput::selection{background:transparent}.blocklyMobileInput::target-text{background:transparent}.blocklyMobileInput::-internal-autofill-selected{background:transparent}html.is-mobile #pluginModal>div{max-width:none!important;width:100%!important;height:100%!important;margin:0!important;border-radius:0!important}html.is-mobile #pluginModal .flex.flex-1{flex-direction:column!important;position:relative}html.is-mobile #pluginModal .w-80{width:100%!important;border-right:none!important;flex:1;display:block}html.is-mobile #pluginModal.detail-open .w-80{display:none!important}html.is-mobile #pluginDetail{padding:1.5rem!important;display:none}html.is-mobile #pluginModal.detail-open #pluginDetail{display:block!important;width:100%;height:100%}html.is-mobile #pluginDetail>.flex.justify-between{flex-direction:column!important;align-items:stretch!important;gap:1.5rem}html.is-mobile #pluginDetail h1{font-size:1.75rem!important;flex-wrap:wrap;gap:.5rem!important}html.is-mobile #pluginDetail h1 span{font-size:.75rem!important;padding:.25rem .5rem!important;height:auto!important;display:inline-flex!important;align-items:center}html.is-mobile #pluginDetail .flex.items-center.gap-2{width:100%;justify-content:stretch;flex-wrap:wrap;gap:.75rem!important}html.is-mobile #sharePluginBtn,html.is-mobile #uninstallPluginBtn{flex:0 0 calc(50% - .375rem);justify-content:center;background:var(--surface-muted)!important;border:1px solid var(--stroke)!important;padding:.75rem!important}html.is-mobile #togglePluginBtn{flex:1 1 100%!important;padding:1rem!important;font-size:1rem!important;background:linear-gradient(135deg,#4f46e5,#6366f1)!important;color:#fff!important;border:none!important;box-shadow:0 4px 12px #4f46e54d}html.is-mobile #installFromGhBtn{background:linear-gradient(135deg,#0284c7,#0ea5e9)!important;box-shadow:0 4px 12px #0284c74d}html.is-mobile #pluginModal .flex.items-center.justify-between.px-6.py-4{padding:1rem!important}html.is-mobile #pluginModal h2{font-size:1.1rem!important}html.is-mobile #pluginMobileBackBtn{display:inline-flex;width:100%;justify-content:center}html.is-mobile .readme-content{font-size:.95rem;line-height:1.6}html.is-mobile #quickActions button{flex:1;display:flex;justify-content:center}html.is-mobile #pluginBtn{width:100%;justify-content:center;margin-left:0!important}html.is-mobile #shareBtn,html.is-mobile #showCodeBtn{margin-left:0!important}html.is-mobile #shareBtn span,html.is-mobile #showCodeBtn span,html.is-mobile #pluginBtn span{display:inline!important}html.is-mobile #pluginDetailContent>div:first-child{border-bottom:1px solid rgba(var(--stroke),.1);padding-bottom:1rem}:root{color-scheme:light;--bg-base: #f8fafc;--bg-spot-1: rgba(14, 165, 233, .18);--bg-spot-2: rgba(20, 184, 166, .16);--bg-grid: rgba(15, 23, 42, .06);--surface: rgba(255, 255, 255, .78);--surface-strong: rgba(255, 255, 255, .96);--surface-muted: rgba(248, 250, 252, .9);--stroke: rgba(15, 23, 42, .08);--stroke-strong: rgba(15, 23, 42, .16);--text-main: #0f172a;--text-muted: #475569;--accent: #0ea5e9;--accent-strong: #0284c7;--accent-soft: rgba(14, 165, 233, .18);--accent-2: #14b8a6;--shadow-sm: 0 8px 24px -18px rgba(15, 23, 42, .35), 0 1px 2px rgba(15, 23, 42, .08);--shadow-md: 0 18px 40px -28px rgba(15, 23, 42, .55), 0 2px 6px rgba(15, 23, 42, .08);--shadow-lg: 0 28px 70px -36px rgba(15, 23, 42, .6);--ring: 0 0 0 2px rgba(14, 165, 233, .35);--scrollbar: rgba(15, 23, 42, .18);--scrollbar-hover: rgba(15, 23, 42, .32)}.dark{color-scheme:dark;--bg-base: #050b16;--bg-spot-1: rgba(56, 189, 248, .2);--bg-spot-2: rgba(45, 212, 191, .16);--bg-grid: rgba(148, 163, 184, .1);--surface: rgba(15, 23, 42, .72);--surface-strong: rgba(15, 23, 42, .92);--surface-muted: rgba(2, 6, 23, .72);--stroke: rgba(148, 163, 184, .16);--stroke-strong: rgba(148, 163, 184, .28);--text-main: #e2e8f0;--text-muted: #94a3b8;--accent: #38bdf8;--accent-strong: #0ea5e9;--accent-soft: rgba(56, 189, 248, .2);--accent-2: #2dd4bf;--shadow-sm: 0 10px 24px -18px rgba(0, 0, 0, .7);--shadow-md: 0 18px 45px -28px rgba(0, 0, 0, .85);--shadow-lg: 0 30px 70px -36px rgba(0, 0, 0, .9);--ring: 0 0 0 2px rgba(56, 189, 248, .45);--scrollbar: rgba(148, 163, 184, .32);--scrollbar-hover: rgba(148, 163, 184, .5)}body{font-family:Plus Jakarta Sans,Noto Sans JP,sans-serif;background-image:radial-gradient(#e2e8f0 1px,transparent 1px);background-size:24px 24px}.dark body{background-image:radial-gradient(#1e293b 1px,transparent 1px)}#workspace-container{display:flex;width:100%;height:100%;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#blocklyDiv{flex-grow:1;height:100%;position:relative;z-index:10;transition:width .4s cubic-bezier(.16,1,.3,1)}#liveCodeArea{width:0;height:100%;background-color:#f8fafc;color:#0f172a;overflow:hidden;transition:width .4s cubic-bezier(.16,1,.3,1),opacity .3s ease;opacity:0;display:flex;flex-direction:column;border-left:1px solid rgba(15,23,42,.08)}.dark #liveCodeArea{background-color:#0f172a;color:#e2e8f0;border-left:1px solid rgba(255,255,255,.1)}.split-view #blocklyDiv{width:55%;flex-grow:0;flex-shrink:0;border-right:1px solid rgba(0,0,0,.05)}.dark .split-view #blocklyDiv{border-right:1px solid rgba(255,255,255,.05)}.split-view #liveCodeArea{width:45%;opacity:1;flex-grow:1;box-shadow:inset 10px 0 20px -10px #00000080}#codePreviewContent{font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.6;padding:1.5rem;overflow-y:auto;height:100%;background:transparent!important;color:#1e293b}.dark #codePreviewContent{color:#e2e8f0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dark ::-webkit-scrollbar-thumb{background:#475569}#liveCodeArea ::-webkit-scrollbar-track{background:transparent}#liveCodeArea ::-webkit-scrollbar-thumb{background:#334155}#liveCodeArea ::-webkit-scrollbar-thumb:hover{background:#475569}.blocklyText{font-family:Plus Jakarta Sans,Noto Sans JP,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif!important}.blocklyToolboxDiv{background-color:#f8fafcf2!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid rgba(0,0,0,.05);padding-top:1rem}.dark .blocklyToolboxDiv{background-color:#0f172af2!important;border-right:1px solid rgba(255,255,255,.05)}.blocklyTreeRow{height:48px!important;padding-left:12px!important;border-left:4px solid transparent;margin-bottom:4px;transition:all .2s ease;margin-right:12px;border-radius:0 8px 8px 0;display:flex!important;align-items:center!important;line-height:normal!important}.blocklyTreeIcon{display:none!important}.blocklyTreeLabel{font-family:Plus Jakarta Sans,Noto Sans JP,sans-serif;font-weight:600;font-size:.85rem;color:#475569;padding:0!important;margin-left:8px}.blocklyTreeRow:not(.blocklyTreeSelected):hover{background-color:#f1f5f9;border-left-color:#cbd5e1}.blocklyTreeSelected{background-color:#e0e7ff!important;border-left-color:#6366f1!important}.blocklyTreeSelected .blocklyTreeLabel{color:#4f46e5!important}.dark .blocklyTreeLabel{color:#94a3b8}.dark .blocklyTreeRow:not(.blocklyTreeSelected):hover{background-color:#1e293b;border-left-color:#475569}.dark .blocklyTreeSelected{background-color:#1e1b4b!important;border-left-color:#818cf8!important}.dark .blocklyTreeSelected .blocklyTreeLabel{color:#c7d2fe!important}.blocklyTreeSeparator{border-bottom:1px solid rgba(0,0,0,.05)!important;margin:8px 16px 8px 0!important;height:0!important;background:transparent!important}.dark .blocklyTreeSeparator{border-bottom:1px solid rgba(255,255,255,.05)!important}.blocklyFlyoutBackground{fill:#fff!important;fill-opacity:.98}.dark .blocklyFlyoutBackground{fill:#0f172a!important;fill-opacity:.98}html.is-mobile .blocklyToolboxDiv{width:72px!important;padding:4px 4px 6px}html.is-mobile .blocklyTreeRow{height:40px!important;margin:2px 0;padding:6px!important;margin-right:0!important;border-left-width:0!important;justify-content:center!important}html.is-mobile .blocklyTreeLabel{font-size:1rem;margin-left:0;letter-spacing:.02em}html.is-mobile #blockSearchContainer{padding:6px 4px}html.is-mobile #blockSearchInput{padding-left:2rem!important}html.is-mobile #blockSearchInput::placeholder{color:transparent;opacity:0}#workspace-container:has(.blocklyToolboxDiv[style*="display: none"]) #blockSearchContainer,#workspace-container:has(.blocklyToolboxDiv.hidden) #blockSearchContainer{display:none!important}html.is-mobile .blocklyFlyout{max-width:200px}.modal-backdrop{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s cubic-bezier(.16,1,.3,1),visibility .3s cubic-bezier(.16,1,.3,1)}.modal-backdrop.show-modal{opacity:1;visibility:visible;pointer-events:auto}.modal-content{transform:scale(.95) translateY(10px);opacity:0;transition:all .3s cubic-bezier(.16,1,.3,1)}.show-modal .modal-content{transform:scale(1) translateY(0);opacity:1}.glass-header{background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dark .glass-header{background:#0f172acc}.hljs{background:transparent!important;padding:0!important}svg[display=none]{display:none!important}.blocklyFlyout{border-right:1px solid #00000040}.share-view-mode .blocklyToolboxDiv,.share-view-mode .blocklyFlyout,.share-view-mode .blocklyFlyoutBackground{display:none!important}@media(min-width:768px)and ((max-width:1360px)or (max-height:860px)){.glass-header{gap:10px;padding:10px 14px!important}.glass-header>.flex.items-center.gap-4{min-width:0;gap:10px!important}.glass-header h1{font-size:1.35rem}#headerActions{flex:1 1 auto;min-width:0;justify-content:flex-end;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}#headerActions::-webkit-scrollbar{display:none}#headerActions>*{flex-shrink:0}#projectTitleField{width:180px!important;max-width:180px!important;padding-left:10px!important;padding-right:10px!important}#projectTitleField label{display:none!important}#layoutBlockBtn,#layoutSplitBtn{padding:.4rem .55rem!important}#layoutBlockBtn span,#layoutSplitBtn span,#shareBtn span,#runBotBtn span,#showCodeBtn span,#pluginBtn span{display:none!important}#shareBtn,#runBotBtn,#showCodeBtn,#pluginBtn{margin-left:.35rem!important;padding:.65rem .75rem!important;min-width:44px;white-space:nowrap;writing-mode:horizontal-tb;flex-shrink:0}}html.is-mobile .glass-header{flex-direction:column;align-items:stretch;height:auto;gap:12px;padding:12px 14px}html.is-mobile #mobileHeaderToggle{display:inline-flex}html.is-mobile #headerActions.collapsed{display:none!important}html.is-mobile #mobileHeaderToggle svg{transition:transform .2s ease}html.is-mobile #headerActions{width:100%;flex-wrap:wrap;gap:10px;justify-content:space-between}html.is-mobile #projectTitleField{width:100%;max-width:none}html.is-mobile #projectTitleInput{width:100%}html.is-mobile #quickActions{width:100%;flex-wrap:wrap;justify-content:flex-start;gap:8px}html.is-mobile #shareBtn,html.is-mobile #showCodeBtn{width:100%;justify-content:center}html.is-mobile #liveCodeArea,html.is-mobile #layoutBlockBtn,html.is-mobile #layoutSplitBtn{display:none!important}html.is-mobile #headerActions>div:has(#layoutBlockBtn){display:none!important}html.is-mobile #blocklyDiv{border-radius:12px;box-shadow:inset 0 0 0 1px #94a3b840}.dark .blocklyFlyout{border-right:1px solid #ffffff40}#listPanel{position:absolute;top:16px;right:16px;width:280px;max-height:calc(100% - 32px);display:flex;flex-direction:column;border-radius:16px;border:1px solid rgba(148,163,184,.35);background:#fffffff5;box-shadow:0 12px 24px -12px #0f172a40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:25;overflow:hidden}#listPanel.hidden{display:none}.dark #listPanel{border-color:#334155cc;background:#020617eb;box-shadow:0 16px 28px -18px #0009}.list-panel__header{padding:10px 14px;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#6366f1;border-bottom:1px solid rgba(148,163,184,.2);background:#6366f114}.dark .list-panel__header{color:#a5b4fc;border-bottom-color:#33415599;background:#4f46e52e}.list-panel__body{padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.list-panel__list{border-radius:12px;border:1px solid rgba(226,232,240,.9);background:#fff;padding:10px;display:flex;flex-direction:column;gap:8px}.dark .list-panel__list{border-color:#1e293be6;background:#0f172ae6}.list-panel__list-header{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:13px;color:#0f172a}.dark .list-panel__list-header{color:#e2e8f0}.list-panel__list-delete{border:1px solid rgba(226,232,240,.8);background:transparent;color:#ef4444;border-radius:8px;padding:2px 8px;font-size:11px;font-weight:700;cursor:pointer}.list-panel__list-delete:hover{background:#ef444414}.dark .list-panel__list-delete{border-color:#334155cc;color:#f87171}.list-panel__items{display:flex;flex-direction:column;gap:6px}.list-panel__item{display:flex;align-items:center;gap:6px}.list-panel__item-index{width:18px;text-align:right;font-size:11px;font-weight:600;color:#94a3b8}.dark .list-panel__item-index{color:#64748b}.list-panel__item-input{flex:1;border:1px solid rgba(226,232,240,.9);border-radius:8px;padding:4px 6px;font-size:12px;background:#f8fafc;color:#0f172a}.list-panel__item-input:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 2px #6366f133}.dark .list-panel__item-input{border-color:#1e293be6;background:#0f172ae6;color:#e2e8f0}.list-panel__item-remove{border:none;background:#fee2e2;color:#dc2626;border-radius:6px;width:22px;height:22px;font-size:14px;line-height:22px;cursor:pointer}.list-panel__item-remove:hover{background:#fecaca}.dark .list-panel__item-remove{background:#7f1d1d73;color:#fca5a5}.list-panel__item-add{align-self:flex-start;border:1px dashed rgba(129,140,248,.6);background:#e0e7ffb3;color:#4f46e5;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:700;cursor:pointer}.list-panel__item-add:hover{background:#c7d2fecc}.dark .list-panel__item-add{border-color:#6366f180;background:#1e3a8a66;color:#c7d2fe}.share-view-mode #listPanel{display:none!important}html.is-mobile #listPanel{inset:auto 12px 12px;width:auto;max-height:45%}.json-gui__cell-input,.json-gui__cell-select{width:100%;border:1px solid rgba(148,163,184,.4);background:#fffffff2;color:#0f172a;border-radius:8px;padding:.375rem .5rem;font-size:.75rem;line-height:1.25}.json-gui__cell-input:focus,.json-gui__cell-select:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e940}.dark .json-gui__cell-input,.dark .json-gui__cell-select{border-color:#334155d9;background:#020617cc;color:#e2e8f0}body{color:var(--text-main);background-color:var(--bg-base);background-image:radial-gradient(1200px 600px at 10% -15%,var(--bg-spot-1),transparent 60%),radial-gradient(900px 600px at 90% -10%,var(--bg-spot-2),transparent 65%),radial-gradient(var(--bg-grid) 1px,transparent 1px);background-size:auto,auto,28px 28px;background-attachment:fixed}::selection{background:var(--accent-soft);color:var(--text-main)}.dark ::selection{color:#e2e8f0}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}header.glass-header{animation:fade-up .6s ease both}main{animation:fade-up .8s ease both;animation-delay:.05s}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#workspace-container{box-sizing:border-box;padding:12px;gap:12px;-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1)}#blocklyDiv{background:var(--surface-strong);border:1px solid var(--stroke);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-md);box-sizing:border-box}.dark #blocklyDiv{background:#0f172af2}#liveCodeArea{box-sizing:border-box;border-radius:18px;border:1px solid rgba(15,23,42,.12);background:radial-gradient(120% 140% at 0% 0%,rgba(56,189,248,.12),transparent 55%),#f8fafc;box-shadow:var(--shadow-md)}.dark #liveCodeArea{border-color:#94a3b829;background:radial-gradient(120% 140% at 0% 0%,rgba(56,189,248,.12),transparent 50%),#0b1220}#liveCodeArea>div:first-child{background:#ffffffd6;border-bottom:1px solid rgba(15,23,42,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark #liveCodeArea>div:first-child{background:#020617d9;border-bottom:1px solid rgba(148,163,184,.15)}.split-view #blocklyDiv{border-right:none}.split-view #liveCodeArea{box-shadow:var(--shadow-lg)}#codePreviewContent{font-size:12.5px;line-height:1.65}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}#liveCodeArea ::-webkit-scrollbar-thumb{background:#0f172a38}#liveCodeArea ::-webkit-scrollbar-thumb:hover{background:#0f172a59}.dark #liveCodeArea ::-webkit-scrollbar-thumb{background:#94a3b859}.dark #liveCodeArea ::-webkit-scrollbar-thumb:hover{background:#94a3b899}.glass-header{background:var(--surface);border-bottom:1px solid var(--stroke);box-shadow:var(--shadow-sm)}.dark .glass-header{background:var(--surface)}#projectTitleField,#quickActions,#layoutBlockBtn,#layoutSplitBtn{background:var(--surface-strong)!important;border-color:var(--stroke)!important;box-shadow:var(--shadow-sm)}#projectTitleInput{border-color:var(--stroke-strong)!important;background:#ffffffb3;transition:box-shadow .2s ease,border-color .2s ease}.dark #projectTitleInput{background:#0206178c}#projectTitleInput:focus{border-color:var(--accent-strong)!important;box-shadow:var(--ring)}#quickActions button,#quickActions a,#shareBtn,#showCodeBtn,#themeToggle{transition:transform .2s ease,box-shadow .2s ease}#quickActions button:hover,#quickActions a:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}#shareBtn{color:var(--accent-strong)!important;border-color:#0ea5e959!important;background:linear-gradient(135deg,#ffffffe6,#e2f8ffcc)!important}.dark #shareBtn{color:#e0f2fe!important;border-color:#38bdf866!important;background:linear-gradient(135deg,#0f172acc,#02061799)!important}#shareBtn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}#showCodeBtn{background:linear-gradient(135deg,var(--accent),var(--accent-2))!important;box-shadow:0 12px 30px -18px #0ea5e999}#showCodeBtn:hover{transform:translateY(-1px);box-shadow:0 18px 36px -18px #0ea5e9b3}#themeToggle{border:1px solid var(--stroke);background:var(--surface-muted)}#saveStatus,#shareStatus,#runBotStatus{background:#ecfdf5e6;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark #saveStatus,.dark #shareStatus,.dark #runBotStatus{background:#064e3b99}#runBotStatus[data-state=success]{background:#ecfdf5e6;color:#064e3b}.dark #runBotStatus[data-state=success]{background:#064e3b99;color:#ecfdf5}#runBotStatus[data-state=error]{background:#fef2f2e6;color:#7f1d1d}.dark #runBotStatus[data-state=error]{background:#7f1d1d99;color:#fef2f2}.blocklyToolboxDiv{background-color:var(--surface)!important;border-right:1px solid var(--stroke)!important;box-shadow:inset -1px 0 #ffffff80}.blocklyTreeLabel{color:var(--text-muted)}.blocklyTreeRow:not(.blocklyTreeSelected):hover{background-color:#0ea5e914;border-left-color:#0ea5e966}.blocklyTreeSelected{background-color:var(--accent-soft)!important;border-left-color:var(--accent-strong)!important}.blocklyTreeSelected .blocklyTreeLabel{color:var(--accent-strong)!important}.blocklyFlyoutBackground{fill:var(--surface-strong)!important}.modal-backdrop{background:#080f1c8c;-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2)}.modal-content{background:var(--surface-strong);border:1px solid var(--stroke-strong);box-shadow:var(--shadow-lg)}#toolboxPinBtn{background:var(--surface-strong)!important;border:1px solid var(--stroke)!important;box-shadow:var(--shadow-sm)}#listPanel{background:var(--surface-strong);border:1px solid var(--stroke-strong);box-shadow:var(--shadow-md)}.list-panel__header{background:#0ea5e914;color:var(--accent-strong)}.dark .list-panel__header{background:#38bdf82e}.list-panel__item-input:focus{border-color:var(--accent-strong);box-shadow:var(--ring)}#shareViewOverlay>div{border:1px solid rgba(14,165,233,.25);box-shadow:var(--shadow-md)}[class*=text-indigo-]{color:var(--accent-strong)!important}.dark [class*=text-indigo-]{color:var(--accent)!important}[class*=border-indigo-]{border-color:#0ea5e959!important}.dark [class*=border-indigo-]{border-color:#38bdf873!important}[class~=bg-indigo-50]{background-color:#0ea5e914!important}[class~=bg-indigo-500]{background-color:var(--accent)!important}[class~=bg-indigo-600]{background-color:var(--accent-strong)!important}[class~=bg-indigo-700]{background-color:#0369a1!important}[class~="bg-indigo-900/20"]{background-color:#0ea5e92e!important}[class~="bg-indigo-900/30"]{background-color:#0ea5e93d!important}[class~="bg-indigo-500/10"]{background-color:#0ea5e91f!important}[class~="bg-indigo-500/20"]{background-color:#0ea5e933!important}[class~="hover:bg-indigo-50"]:hover{background-color:#0ea5e91f!important}[class~="hover:bg-indigo-500"]:hover{background-color:var(--accent)!important}[class~="hover:bg-indigo-700"]:hover{background-color:#0369a1!important}[class~="hover:text-indigo-600"]:hover{color:var(--accent-strong)!important}.from-indigo-500{--tw-gradient-from: var(--accent) !important;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(14, 165, 233, 0))}.to-purple-600{--tw-gradient-to: var(--accent-2) !important}[class~="via-indigo-50/95"]{--tw-gradient-via: rgba(14, 165, 233, .08) !important}html.is-mobile #workspace-container{padding:0 12px 12px}html.is-mobile #blocklyDiv{border-radius:14px;box-shadow:var(--shadow-sm)}#workspace-container{gap:0}#workspace-container.split-view{gap:12px}#workspace-container.split-view #blocklyDiv{width:auto;flex:1 1 55%;min-width:620px}#workspace-container.split-view #liveCodeArea{width:auto;flex:1 1 45%;min-width:400px}#workspace-container.split-view.split-view-compact{flex-direction:column}#workspace-container.split-view.split-view-compact #blocklyDiv,#workspace-container.split-view.split-view-compact #liveCodeArea{width:100%;min-width:0}#workspace-container.split-view.split-view-compact #blocklyDiv{flex:1 1 58%;min-height:320px}#workspace-container.split-view.split-view-compact #liveCodeArea{flex:1 1 42%;min-height:220px;border-left:none;border-top:1px solid rgba(15,23,42,.08)}.dark #workspace-container.split-view.split-view-compact #liveCodeArea{border-top-color:#94a3b829}[class*="bg-indigo-500/10"]{background-color:#0ea5e91f!important}[class*="bg-indigo-500/20"]{background-color:#0ea5e933!important}[class*="bg-indigo-900/20"]{background-color:#0ea5e92e!important}[class*="bg-indigo-900/30"]{background-color:#0ea5e93d!important}[class*="hover:bg-indigo-50"]:hover{background-color:#0ea5e91f!important}[class*="hover:bg-indigo-500"]:hover{background-color:var(--accent)!important}[class*="hover:bg-indigo-700"]:hover{background-color:#0369a1!important}button:active{transform:scale(.95)!important}#showCodeBtn:active,#shareBtn:active,#pluginBtn:active,#layoutBlockBtn:active,#layoutSplitBtn:active,#importBtn:active,#exportBtn:active,#themeToggle:active{transform:scale(.92)!important}.readme-content h1{font-size:1.875rem;font-weight:700;margin-top:1.5rem;margin-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:.5rem}.readme-content h2{font-size:1.5rem;font-weight:700;margin-top:1.25rem;margin-bottom:.75rem;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:.3rem}.readme-content h3{font-size:1.25rem;font-weight:700;margin-top:1rem;margin-bottom:.5rem}.readme-content p{margin-bottom:1rem;line-height:1.6}.readme-content ul{list-style-type:disc;margin-left:1.5rem;margin-bottom:1rem}.readme-content ol{list-style-type:decimal;margin-left:1.5rem;margin-bottom:1rem}.readme-content li{margin-bottom:.25rem}.readme-content code{background-color:#0000000d;padding:.2rem .4rem;border-radius:.25rem;font-family:monospace;font-size:.9em}.dark .readme-content code{background-color:#ffffff1a}.readme-content pre{background-color:#1e293b;color:#f8fafc;padding:1rem;border-radius:.5rem;overflow-x:auto;margin-bottom:1rem}.readme-content blockquote{border-left:4px solid #e2e8f0;padding-left:1rem;color:#64748b;font-style:italic;margin-bottom:1rem}.dark .readme-content blockquote{border-left-color:#334155;color:#94a3b8}.readme-content img{max-width:100%;height:auto;border-radius:.5rem;margin:1rem 0}.readme-content table{width:100%;border-collapse:collapse;margin-bottom:1rem;font-size:.9em}.readme-content th,.readme-content td{border:1px solid #e2e8f0;padding:.6rem;text-align:left}.dark .readme-content th,.dark .readme-content td{border-color:#334155}.readme-content th{background-color:#f8fafc;font-weight:700}.dark .readme-content th{background-color:#0f172a}.readme-content a{color:#6366f1;text-decoration:underline}.dark .readme-content a{color:#818cf8}.readme-content div[align=center],.readme-content center{text-align:center;display:block;width:100%}.readme-content img[align=center]{display:block;margin:1rem auto}.readme-content h1 img{vertical-align:middle;display:inline-block}.readme-content br{content:"";display:block;margin:.5rem 0}.blocklyTrash,.blocklyZoom{translate:0 -35px}
