:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}.block{border:2px solid #555;border-radius:6px;margin:6px 0;background:#1e1e1e}.block__header{display:flex;align-items:center;gap:8px;padding:6px 10px}.block__type{font-size:.7rem;text-transform:uppercase;padding:2px 6px;border-radius:3px;font-weight:600;background:#444;color:#ccc;flex-shrink:0}.block__label{font-size:.9rem;font-family:Courier New,monospace;flex:1}.block__actions{display:flex;align-items:center;gap:4px;margin-left:auto}.block__add-select{font-size:.7rem;padding:2px 4px;border-radius:3px;border:1px solid #555;background:#333;color:#aaa;cursor:pointer}.block__remove-btn{font-size:.85rem;line-height:1;padding:1px 6px;border-radius:3px;border:1px solid #555;background:transparent;color:#888;cursor:pointer}.block__remove-btn:hover{background:#6a2d2d;color:#ff6b6b;border-color:#6a2d2d}.block__body{padding:4px 8px 6px 16px;margin-left:10px;border-left:2px solid #444}.block__empty{font-size:.75rem;color:#666;font-style:italic;padding:4px 0;display:block}.block--leaf{border-width:1px;border-style:dashed}.block--leaf>.block__header{padding:4px 10px}.block--depth-0{background:#1e1e1e}.block--depth-1{background:#232323}.block--depth-2{background:#282828}.block--depth-3{background:#2d2d2d}.block--depth-4{background:#323232}.block--function{border-color:#4a9eff}.block--function>.block__header .block__type{background:#4a9eff;color:#000}.block--function>.block__body{border-left-color:#4a9eff44}.block--loop{border-color:#f5a623}.block--loop>.block__header .block__type{background:#f5a623;color:#000}.block--loop>.block__body{border-left-color:#f5a62344}.block--variable{border-color:#7ed321}.block--variable>.block__header .block__type{background:#7ed321;color:#000}.block--literal{border-color:#bd10e0}.block--literal>.block__header .block__type{background:#bd10e0;color:#fff}.block--expression{border-color:#50e3c2}.block--expression>.block__header .block__type{background:#50e3c2;color:#000}.block--expression>.block__body{border-left-color:#50e3c244}.block--invalid{border-color:#f44!important;box-shadow:0 0 0 1px #f444}.block--invalid>.block__header .block__type{background:#f44;color:#fff}@media (prefers-color-scheme: light){.block--invalid{border-color:#e53935!important;box-shadow:0 0 0 1px #e5393544}.block--invalid>.block__header .block__type{background:#e53935}}.block{background:#f5f5f5}.block__body{border-left-color:#ccc}.block__empty{color:#999}.block--depth-0{background:#f8f8f8}.block--depth-1{background:#f2f2f2}.block--depth-2{background:#ececec}.block--depth-3{background:#e6e6e6}.block--depth-4{background:#e0e0e0}.block--function{border-color:#2979ff}.block--function>.block__body{border-left-color:#2979ff44}.block--loop{border-color:#e09100}.block--loop>.block__body{border-left-color:#e0910044}.block--variable{border-color:#4caf50}.block--literal{border-color:#9c27b0}.block--expression{border-color:#009688}.block--expression>.block__body{border-left-color:#00968844}} .code-output{margin-top:1.5rem;border:1px solid #333;border-radius:6px;overflow:hidden}.code-output__header{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:#2a2a2a;color:#888;border-bottom:1px solid #333}.code-output__copy-btn{font-size:.7rem;padding:2px 10px;border-radius:3px;border:1px solid #555;background:#333;color:#aaa;cursor:pointer;text-transform:none;letter-spacing:normal}.code-output__copy-btn:hover{background:#444;color:#ddd}.code-output__pre{margin:0;padding:12px 16px;font-family:Courier New,monospace;font-size:.85rem;line-height:1.5;background:#1a1a1a;color:#c8d6e5;overflow-x:auto}@media (prefers-color-scheme: light){.code-output{border-color:#ddd}.code-output__header{background:#f0f0f0;color:#666;border-bottom-color:#ddd}.code-output__pre{background:#fafafa;color:#333}}.control-panel{display:flex;align-items:center;gap:8px;padding:10px 0;margin-bottom:8px;flex-wrap:wrap}.control-panel__label{font-size:.8rem;color:#888;margin-right:4px}.control-panel__btn{border-radius:4px;padding:5px 14px;font-size:.8rem;font-weight:500;cursor:pointer;border:1px solid #555;transition:background .15s}.control-panel__btn--valid{background:#1b3a1b;color:#7ed321;border-color:#2d6a2d}.control-panel__btn--valid:hover{background:#254a25}.control-panel__btn--invalid{background:#3a1b1b;color:#ff6b6b;border-color:#6a2d2d}.control-panel__btn--invalid:hover{background:#4a2525}.control-panel__btn--reset{background:#2a2a2a;color:#ddd;border-color:#555}.control-panel__btn--reset:hover{background:#3a3a3a}@media (prefers-color-scheme: light){.control-panel__btn--valid{background:#e8f5e9;color:#2e7d32;border-color:#4caf50}.control-panel__btn--valid:hover{background:#c8e6c9}.control-panel__btn--invalid{background:#fbe9e7;color:#c62828;border-color:#e53935}.control-panel__btn--invalid:hover{background:#ffccbc}.control-panel__btn--reset{background:#eee;color:#333;border-color:#ccc}.control-panel__btn--reset:hover{background:#ddd}}.toolbar{display:flex;align-items:center;gap:8px;padding:10px 0;margin-bottom:12px;border-bottom:1px solid #333;flex-wrap:wrap}.toolbar__label{font-size:.8rem;color:#888;margin-right:4px}.toolbar__btn{border-radius:4px;border:1px solid #555;padding:4px 12px;font-size:.8rem;font-weight:500;background:#2a2a2a;color:#ddd;cursor:pointer;transition:background .15s}.toolbar__btn:hover{background:#3a3a3a;border-color:#777}@media (prefers-color-scheme: light){.toolbar{border-bottom-color:#ddd}.toolbar__btn{background:#eee;color:#333;border-color:#ccc}.toolbar__btn:hover{background:#ddd}}.validation-panel{margin-top:1.5rem;padding:12px 16px;border-radius:6px;font-size:.85rem}.validation-panel--ok{background:#1b3a1b;border:1px solid #2d6a2d;color:#7ed321}.validation-panel--errors{background:#3a1b1b;border:1px solid #6a2d2d;color:#ff6b6b}.validation-panel ul{margin:8px 0 0;padding-left:20px}.validation-panel li{margin:4px 0}.validation-panel code{font-size:.75rem;background:#fff1;padding:1px 4px;border-radius:3px}@media (prefers-color-scheme: light){.validation-panel--ok{background:#e8f5e9;border-color:#4caf50;color:#2e7d32}.validation-panel--errors{background:#fbe9e7;border-color:#e53935;color:#c62828}.validation-panel code{background:#0001}}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{padding:1rem 2rem;border-bottom:1px solid #333}.app-header h1{margin:0;font-size:1.4rem}.workspace{flex:1;padding:2rem}.workspace__columns{display:flex;gap:2rem;align-items:flex-start}.workspace__blocks{flex:1;min-width:0}.workspace__output{flex:1;min-width:0;position:sticky;top:1rem}@media (max-width: 768px){.workspace__columns{flex-direction:column}}