:root{--probot-orange-700: #D63600;--probot-orange-600: #FF4500;--probot-orange-500: #FF8A00;--probot-amber: #FFB020;--surface: #ffffff;--surface-muted: #FFF7F0;--surface-soft: #FFF1EA;--line: #f1e7df;--scrollbar: #d9b89e;--text-ink: #241a12;--text-muted: #6f6258;--text-on-orange: #ffffff;--font-sans: "Baloo 2", "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius-sm: 8px;--radius: 12px;--radius-lg: 18px;--shadow-1: 0 8px 24px rgba(214, 54, 0, .08);--shadow-2: 0 18px 36px rgba(214, 54, 0, .16);--shadow-btn: 0 4px 0 var(--probot-orange-700);--shadow-btn-soft: 0 4px 0 #f0d9c8;font-family:var(--font-sans);line-height:1.5;font-weight:500;background-color:var(--surface-muted);color:var(--text-ink);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;background-color:var(--surface-muted)}#root{height:100vh}.mono{font-family:var(--font-mono)}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.toolbar{display:flex;align-items:center;gap:14px;padding:7px clamp(10px,1.6vw,18px);background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap}.toolbar__title{display:flex;align-items:baseline;gap:8px}.toolbar__app{font-size:19px;font-weight:800;color:var(--probot-orange-600);letter-spacing:-.01em}.toolbar__hint{font-size:11px;color:var(--text-muted)}.toolbar__project{display:flex;align-items:center;gap:8px;min-width:0}.toolbar__project span{font-size:13px;font-weight:700;color:var(--text-muted)}.toolbar__project input{width:clamp(140px,18vw,240px)}.toolbar__examples{margin-left:auto}.toolbar__actions{display:flex;gap:10px;flex-wrap:wrap}button{font-family:var(--font-sans);font-size:13.5px;font-weight:700;color:var(--text-ink);background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);padding:7px 14px;cursor:pointer;box-shadow:var(--shadow-btn-soft);transition:transform .15s ease,box-shadow .15s ease,background .15s ease}button:hover{transform:translateY(-2px);box-shadow:0 6px #f0d9c8}button:active{transform:translateY(1px);box-shadow:0 2px #f0d9c8}button.primary{background:var(--probot-orange-600);border-color:var(--probot-orange-600);color:var(--text-on-orange);box-shadow:var(--shadow-btn)}button.primary:hover{box-shadow:0 6px 0 var(--probot-orange-700)}button.primary:active{box-shadow:0 2px 0 var(--probot-orange-700)}button.ghost{background:var(--surface-soft);border-color:transparent;box-shadow:none}button.ghost:hover{transform:none;background:#ffe6d8}input,select{font-family:var(--font-sans);font-size:13.5px;font-weight:600;color:var(--text-ink);background:var(--surface-muted);border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:6px 10px;outline:none;transition:border-color .15s ease}input:focus,select:focus{border-color:var(--probot-orange-500)}input.invalid{border-color:var(--probot-orange-700);background:#fff0e8}.app-main{display:flex;flex:1;min-height:0}.app-main.resizing{cursor:col-resize}.blockly-wrapper{flex:1;min-width:0;height:100%}.resize-handle{width:6px;cursor:col-resize;background:var(--line);transition:background .15s ease;flex:none}.resize-handle:hover,.app-main.resizing .resize-handle{background:var(--probot-orange-500)}.side-panel{width:var(--side-panel-width, 380px);flex:none;display:flex;flex-direction:column;gap:8px;padding:8px;background:var(--surface-muted);overflow-y:auto;min-height:0}.section-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.section-header h2{font-size:15px;font-weight:800;margin:0;color:var(--text-ink)}.section-hint{font-size:11px;color:var(--text-muted)}.wifi-settings{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;box-shadow:var(--shadow-1);flex:none}.wifi-settings__grid{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-top:8px}.wifi-settings__grid label{display:flex;flex-direction:column;gap:4px;min-width:0}.wifi-settings__grid label>span{font-size:11.5px;font-weight:700;color:var(--text-muted);white-space:nowrap}.wifi-settings__grid input,.wifi-settings__grid select{width:100%;min-width:0}.wifi-settings__password{display:flex;gap:6px}.wifi-settings__password button{padding:4px 9px;border-radius:var(--radius-sm);flex:none}.wifi-settings__warning{margin:8px 0 0;font-size:12px;font-weight:700;color:var(--probot-orange-700)}.code-preview{display:flex;flex-direction:column;gap:6px;flex:1;min-height:0}.code-preview pre{flex:1;margin:0;min-height:0;overflow:auto;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-1)}.code-preview code{display:block;padding:14px 16px;font-family:var(--font-mono);font-size:12.5px;line-height:1.55;background:transparent!important;min-height:100%}.code-preview pre::-webkit-scrollbar,.side-panel::-webkit-scrollbar,.example-picker__content::-webkit-scrollbar{width:10px;height:10px}.code-preview pre::-webkit-scrollbar-thumb,.side-panel::-webkit-scrollbar-thumb,.example-picker__content::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:999px}.example-picker-overlay{position:fixed;inset:0;background:#2b1b1273;display:flex;align-items:center;justify-content:center;z-index:80;padding:20px}.example-picker{width:min(680px,100%);max-height:min(560px,90vh);display:flex;flex-direction:column;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);overflow:hidden}.example-picker__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 8px}.example-picker__header h2{margin:0;font-size:19px;font-weight:800}.example-picker__close{border:none;background:var(--surface-soft);border-radius:999px;width:32px;height:32px;padding:0;font-size:18px;line-height:1;box-shadow:none}.example-picker__search{padding:4px 20px 12px}.example-picker__search input{width:100%;padding:9px 12px;border-radius:var(--radius-sm)}.example-picker__content{overflow-y:auto;padding:0 20px 20px;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}.example-picker__empty{grid-column:1 / -1;color:var(--text-muted);text-align:center;margin:24px 0}.example-picker__item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:12px 14px;border-radius:var(--radius);border:1.5px solid var(--line);background:var(--surface-muted);box-shadow:none}.example-picker__item:hover{transform:none;border-color:var(--probot-orange-500);background:var(--surface-soft);box-shadow:var(--shadow-1)}.example-picker__item.active{border-color:var(--probot-orange-600);background:var(--surface-soft)}.example-picker__item-name{font-weight:800;font-size:14px;color:var(--probot-orange-700)}.example-picker__item-description{font-size:12.5px;font-weight:500;color:var(--text-muted);line-height:1.4}.notifications{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:90}.notification{padding:10px 16px;border-radius:var(--radius);font-size:13.5px;font-weight:700;color:#fff;box-shadow:var(--shadow-2);animation:notification-in .25s ease}.notification.success{background:var(--probot-orange-600)}.notification.error{background:#a61e1e}@keyframes notification-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.blockly-wrapper .injectionDiv{font-family:var(--font-sans)}.blocklyToolbox,.blocklyToolboxDiv{padding-top:6px;border-right:1px solid var(--line)}.blocklyTreeLabel{font-family:var(--font-sans)!important;font-size:13.5px!important;font-weight:600}.blocklyFlyoutLabelText{font-family:var(--font-sans)!important}@media(max-width:860px){.app{height:auto;min-height:100vh;overflow:auto}.app-main{flex-direction:column}.blockly-wrapper{flex:none;height:62vh;min-height:380px}.resize-handle{display:none}.side-panel{width:100%}.code-preview pre{max-height:320px}.toolbar{gap:10px}.toolbar__examples{margin-left:0}.example-picker__content{grid-template-columns:1fr}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#383a42;background:#fafafa}.hljs-comment,.hljs-quote{color:#a0a1a7;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#a626a4}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e45649}.hljs-literal{color:#0184bb}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#50a14f}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#986801}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#4078f2}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#c18401}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}