html,body,#root{height:100%}:root{font-family:Inter,system-ui,sans-serif;color:#1f2937;background:#f6f7fb}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #d5dae3;background:#fff;border-radius:10px;padding:.6rem .9rem}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{width:100%;border:1px solid #d5dae3;border-radius:10px;padding:.65rem .8rem;background:#fff}textarea{min-height:96px;resize:vertical}pre{margin:0}.app-shell{height:100%;min-height:100%;padding:20px;display:flex;flex-direction:column;gap:14px}.layout-grid{flex:1;min-height:0;display:grid;grid-template-columns:360px minmax(0,1fr);gap:20px;align-items:stretch}.empty-workspace-layout{grid-template-columns:minmax(0,1fr)}.workspace-disabled{opacity:.58;pointer-events:none;-webkit-user-select:none;user-select:none}.sidebar,.content,.stack{display:grid;gap:16px}.sidebar,.content{min-height:0}.sidebar{overflow:hidden;padding-right:4px;align-content:stretch;grid-template-rows:auto minmax(0,1fr)}.content{min-width:0;overflow:hidden;align-content:stretch;grid-template-rows:minmax(0,1fr)}.content>.stack{min-height:0;height:100%;align-content:stretch;grid-template-rows:minmax(0,1fr)}.content>.stack>.flow-panel{min-height:0}.panel{background:#fff;border:1px solid #e3e7ee;border-radius:18px;padding:16px;box-shadow:0 8px 24px #0e1e3e0f}.empty-workspace-panel{max-width:720px;align-self:start}.panel-head,.topbar,.block-head,.step-head,.if-condition-head,.flow-node-actions,.toolbar-actions,.hero-meta,.summary-row{display:flex;gap:10px;align-items:center;justify-content:space-between}.topbar{min-height:108px}.topbar-brand{display:flex;gap:12px;align-items:center;min-width:0}.topbar-title{margin:0;display:grid;gap:2px;line-height:1}.topbar-title-main{font-size:1.82rem;font-weight:800;letter-spacing:.03em;color:#1f2937}.topbar-title-sub{font-size:1rem;font-weight:600;color:#5f6f8b}.topbar-logo-wrap{width:132px;height:56px;display:flex;align-items:center;justify-content:flex-start;flex:none;overflow:visible}.topbar-logo{display:block;width:56px;height:56px;object-fit:contain;transform:scale(2.35);transform-origin:left center}.wrap{flex-wrap:wrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.field,.checkbox{display:grid;gap:6px}.field-label,.field-note{color:#667085;font-size:.9rem}.safe-block-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-content:start}.safe-block-option{display:flex;align-items:center;gap:10px;padding:12px 14px}.safe-block-option input{width:1rem;height:1rem;margin:0;flex:none}.safe-block-option span{font-weight:600;overflow-wrap:anywhere}.project-name-value{font-size:1rem;font-weight:600;line-height:1.35;overflow-wrap:anywhere}.current-project-file-note{margin:-2px 0 0;overflow-wrap:anywhere}.summary-row{justify-content:flex-start;margin:14px 0 18px;flex-wrap:wrap}.flow-panel-heading .summary-row.flow-summary-row{margin:0 0 16px}.flow-panel-heading{display:grid;gap:10px;min-width:0}.flow-panel-heading .summary-row,.flow-panel-heading h3{margin:0}.summary-pill-row{display:flex;gap:8px;flex-wrap:wrap}.summary-pill,.meta-chip{padding:.35rem .65rem;border-radius:999px;background:#f2f4f8;font-size:.85rem}.summary-pill.big{font-size:.95rem;padding:.45rem .85rem}.summary-action-button{display:inline-flex;align-items:center;justify-content:center;border-color:transparent}.summary-action-button.tone-true{color:#196c52}.summary-action-button.tone-false{color:#8b1e3f}.summary-action-button:hover{filter:brightness(.98)}.summary-action-button:focus-visible{outline:2px solid rgba(36,104,90,.24);outline-offset:2px}.meta-chip.soft,.summary-pill.subtle{background:#f5f6fa;color:#667085}.hero-status-chip{font-size:1rem;padding:.5rem .9rem}.start-chip{background:#dff5ec;color:#196c52}.tone-next{background:#e6f4ef}.tone-goto{background:#fff0e7}.tone-true{background:#dff5ec}.tone-false{background:#ffe7e7}.tone-timeout{background:#fff3e6;color:#9a4f14}.tone-listener{background:#f1e8ff;color:#6d28d9}.flash{padding:.5rem .8rem;border-radius:12px;background:#eef2ff}.flash.success{background:#dff5ec}.flash.danger{background:#ffe7e7}.block-card,.step-card,.mini-card,.if-condition-card{border:1px solid #e5e7eb;border-radius:16px;padding:14px;background:#fcfcfd}.step-card{align-self:start}.block-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.step-card.is-dragging{opacity:.6}.step-card.drop-before{box-shadow:inset 0 3px #24685a}.step-card.drop-after{box-shadow:inset 0 -3px #24685a}.step-tools{display:flex;align-items:center;gap:10px}.block-body,.step-body{margin-top:14px;display:grid;gap:14px}.step-type-field{max-width:260px}.modal-block-card{display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden}.modal-block-card .block-body{flex:1;min-height:0;grid-template-rows:auto auto auto minmax(0,1fr)}.block-editor-modal{min-height:min(820px,calc(100vh - 40px))}.step-list{display:grid;gap:16px;min-height:0;overflow:auto;padding-right:4px;align-content:start;grid-auto-rows:max-content}.section-separator{height:1px;background:#e3e7ee}.block-grid,.step-grid,.mini-grid,.if-condition-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.block-grid-flow{grid-template-columns:minmax(120px,1fr) minmax(110px,.8fr) minmax(140px,1fr) minmax(120px,.9fr) minmax(110px,.8fr) minmax(150px,1.15fr);align-items:end}.step-grid-log-literal-string{grid-template-columns:minmax(180px,220px) minmax(180px,220px) minmax(150px,170px) minmax(280px,1fr);align-items:end}.step-grid-set-variable-literal-string{grid-template-columns:minmax(180px,220px) minmax(180px,220px) minmax(150px,170px) minmax(140px,160px) minmax(260px,1fr);align-items:end}.step-grid-write-serial{grid-template-columns:minmax(150px,.85fr) minmax(200px,1.3fr) minmax(100px,.55fr) minmax(155px,.9fr) minmax(115px,.7fr);align-items:end}.step-grid-write-serial .step-type-field{max-width:none}.log-message-field{min-width:0}.log-message-note{grid-column:4;margin:-6px 0 0}.set-variable-value-field{min-width:0}.set-variable-value-note{grid-column:5;margin:-6px 0 0}.serial-step-field{min-width:0}.serial-step-field-port{grid-column:2;grid-row:1}.serial-step-field-baud{grid-column:3;grid-row:1}.serial-step-field-append{grid-column:4;grid-row:1}.serial-step-field-terminator{grid-column:5;grid-row:1}.serial-step-payload-source{grid-column:1;grid-row:3}.serial-step-payload-type{grid-column:2;grid-row:3}.serial-step-payload-value{grid-column:3 / span 3;grid-row:3;min-width:0}.serial-step-payload-variable{grid-column:2 / span 4;grid-row:3;min-width:0}.serial-step-note{font-size:.72rem;line-height:1.15;margin:-6px 0 0}.serial-step-note code{font-size:inherit}.serial-step-note-port{grid-column:2;grid-row:2}.serial-step-note-terminator{grid-column:5;grid-row:2}.serial-step-payload-note{grid-column:3 / span 3;grid-row:4}.serial-step-payload-text-note{grid-row:5;margin-top:-10px}.quick-add,.inline-actions{display:flex;gap:8px;flex-wrap:wrap}.display-media-step-panel{display:grid;gap:14px}.display-media-step-grid{display:grid;gap:12px;grid-template-columns:minmax(210px,260px) minmax(0,1fr) auto;align-items:end}.display-media-step-action{min-width:132px}.display-media-step-action button{width:100%}.display-media-step-note{margin:-4px 0 0}.if-step-editor{display:grid;gap:16px}.if-step-top-row{display:grid;gap:16px;grid-template-columns:minmax(220px,260px) minmax(0,1fr);align-items:start}.if-step-panel{border:1px solid #e3e7ee;border-radius:18px;padding:16px;background:linear-gradient(180deg,#fcfdff,#f7f9fc);display:grid;gap:14px}.if-step-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.if-step-panel-title{font-weight:700;font-size:1rem;color:#344054}.if-step-panel-note{margin:4px 0 0;max-width:34rem}.if-conditions-grid,.if-step-branches{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.if-step-branches-inline{align-self:start}.if-condition-card{padding:16px;background:#fff;border-color:#dbe3ee;box-shadow:0 6px 18px #0e1e3e0d}.if-condition-join-field,.if-condition-comparator-field{max-width:96px}.if-condition-value-type-field{max-width:132px}.if-condition-value-field{grid-column:1 / -1}.condition-literal-value-row{grid-column:1 / -1;display:grid;gap:12px;grid-template-columns:minmax(120px,132px) minmax(0,1fr);align-items:end}.condition-literal-value-row .field{min-width:0}.condition-literal-value-row .if-condition-value-field,.condition-literal-value-row .media-visibility-value-field{grid-column:auto}.if-condition-grid{grid-template-columns:minmax(0,1.7fr) minmax(100px,.6fr) minmax(132px,.7fr);align-items:end}.if-condition-grid.has-join{grid-template-columns:minmax(92px,.5fr) minmax(0,1.65fr) minmax(92px,.5fr) minmax(132px,.7fr)}.if-condition-grid.has-join .if-condition-join-field{max-width:none}.if-branch-field{padding:14px;border:1px solid #dbe3ee;border-radius:14px;background:#fff}.if-branch-field.is-true{box-shadow:inset 3px 0 #2563eb}.if-branch-field.is-false{box-shadow:inset 3px 0 #b04040}.small{padding:.4rem .7rem;font-size:.85rem}.ghost{background:#f7f9fc}.subtle{background:#fff}.danger{border-color:#efb2b2;color:#9b2c2c;background:#fff7f7}.button-with-icon{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.button-with-icon svg{width:1rem;height:1rem;flex:none}.toolbar-action-button{width:110px;height:42px;padding:.6rem .9rem;white-space:nowrap}.toolbar-icon-action{width:42px;min-width:42px;padding:.6rem}.toolbar-device-controls{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;margin-left:6px;padding-left:12px;border-left:1px solid #e3e7ee}.toolbar-device-select{min-width:260px}.toolbar-device-select-compact{width:220px;min-width:220px}.toolbar-device-select select{min-width:100%;height:42px}.icon-spin{animation:remote-runtime-spin 1s linear infinite}.step-drag-handle{cursor:grab}.step-drag-handle:active{cursor:grabbing}.helper{padding:.75rem .9rem;border-radius:12px;background:#f5f7fb;color:#475467}.helper.warning{background:#fff4df;color:#8a5a00}.empty-state{padding:1rem;border:1px dashed #d0d7e2;border-radius:14px;color:#667085}.empty-state.compact{padding:.8rem;font-size:.92rem}.issues-list{margin:0;padding-left:1.2rem;color:#8b1e3f;display:grid;gap:.55rem}.issues-list.clean{color:#196c52}.issue-link{padding:0;border:0;background:transparent;color:inherit;border-radius:0;text-align:left;text-decoration:underline;text-underline-offset:.16em}.issue-link:hover{color:#631133}.issue-link:focus-visible{outline:2px solid #b5476d;outline-offset:3px;border-radius:6px}.is-selected{border-color:#b5476d!important;box-shadow:0 0 0 3px #b5476d2e,0 12px 28px #b5476d1f}.mini-actions{display:flex;justify-content:flex-end;align-items:end}.media-library-editor,.value-rows-editor,.io-providers-editor{gap:16px}.current-project-panel,.references-editor{gap:10px}.references-editor{align-content:start}.sidebar>.references-editor{min-height:0;height:100%;align-content:stretch;grid-template-rows:auto minmax(0,1fr)}.references-body.is-fixed-height{min-height:0;height:100%;display:grid}.references-body.is-fixed-height>.empty-state{height:100%}.references-list.is-scrollable{min-height:0;height:100%;overflow-y:auto;padding:6px 4px 4px 6px;align-content:start}.media-library-card{display:grid;gap:14px;grid-template-columns:116px minmax(0,1fr);align-items:start}.media-library-editor-head,.value-rows-modal-body .value-rows-editor-head,.references-modal-body .references-editor-head,.io-providers-modal-body .io-providers-editor-head{position:sticky;top:0;z-index:2;justify-content:flex-end;padding-bottom:8px;background:linear-gradient(180deg,#fffffffa,#fffffff0);border-bottom:1px solid rgba(227,231,238,.9)}.current-project-panel h3,.references-editor-head h3{margin:0;line-height:1.1}.current-project-panel .panel-head>div,.references-editor-head>div{display:grid;gap:4px}.current-project-panel .field-note,.references-editor-head .field-note{margin:0}.current-project-card{gap:4px;padding-top:4px;padding-bottom:8px}.project-resources-card{gap:10px}.project-resource-list{display:grid;gap:8px}.current-project-value-row{display:flex;align-items:center;gap:8px}.current-project-value-row .project-name-value{flex:1;min-width:0;line-height:1.2}.current-project-edit-button{padding:.18rem;min-width:1.6rem;min-height:1.6rem;flex:none}.current-project-actions{justify-content:flex-end}.project-resource-button{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border-radius:999px;padding:.48rem .72rem .48rem .88rem;border:1px solid #cfd6e4;background:#f7f9fc;color:#475467;font-size:.9rem;line-height:1;text-align:left}.project-resource-button:hover{filter:brightness(.98)}.project-resource-button:focus-visible{outline:2px solid rgba(71,84,103,.2);outline-offset:2px}.project-resource-label{font-size:.9rem;font-weight:500;white-space:nowrap}.project-resource-count-group{display:inline-flex;align-items:center;gap:.22rem;flex:none}.project-resource-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.45rem;height:1.45rem;padding:0 .28rem;border-radius:999px;background:#94a3b82e;color:inherit;font-weight:700;font-size:.82rem}.project-resource-separator{color:#98a2b3;font-size:.82rem;font-weight:700;line-height:1}.references-add-button{padding-left:.45rem;gap:.25rem}.media-library-preview{aspect-ratio:1 / 1;border-radius:14px;overflow:hidden;background:#f6f7fb;border:1px solid #e5e7eb;display:grid;place-items:center}.media-library-preview img{width:100%;height:100%;object-fit:cover;display:block}.media-library-details{min-width:0}.media-library-meta-row{display:grid;gap:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end}.media-library-remove-cell{align-self:stretch;justify-items:end}.media-library-remove-label{visibility:hidden}.media-library-remove-button{padding:.4rem;min-width:2.1rem;min-height:2.1rem;border-radius:10px}.value-row-card{display:grid;gap:14px}.value-row-details{min-width:0}.value-row-meta-row{display:grid;gap:12px;grid-template-columns:minmax(0,1fr) minmax(160px,.7fr) minmax(0,1fr) auto;align-items:end}.value-row-meta-row.is-json{grid-template-columns:minmax(0,1fr) minmax(160px,.7fr) auto}.value-row-value-field{grid-column:1 / -1}.value-row-remove-cell{align-self:stretch;justify-items:end}.value-row-remove-label{visibility:hidden}.value-row-remove-button{padding:.4rem;min-width:2.1rem;min-height:2.1rem;border-radius:10px}.external-var-card{display:grid;gap:14px}.external-var-details{min-width:0}.external-var-meta-row{display:grid;gap:12px;grid-template-columns:minmax(0,1fr) minmax(140px,.7fr) auto;align-items:end}.external-var-remove-cell{align-self:stretch;justify-items:end}.external-var-remove-label{visibility:hidden}.external-var-remove-button{padding:.4rem;min-width:2.1rem;min-height:2.1rem;border-radius:10px}.io-provider-tabs-row{align-items:flex-start}.io-provider-tabs-row.has-title h3{margin:0;line-height:1.1}.io-provider-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start}.io-provider-content{min-width:0;min-height:0;display:grid;gap:16px;border-top:1px solid rgba(227,231,238,.9);padding-top:16px}.io-providers-editor-head{justify-content:flex-end}.io-provider-tab{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;border-radius:999px;padding:.45rem .8rem;background:#f7f9fc;color:#475467;text-align:left}.io-provider-tab:hover{filter:brightness(.99)}.io-provider-tab.is-active{background:#e6f4ef;border-color:#86d4b0;color:#196c52}.io-provider-tab-count{min-width:1.35rem;min-height:1.35rem;padding:0 .35rem;border-radius:999px;background:#94a3b82e;display:inline-flex;align-items:center;justify-content:center;font-size:.76rem;font-weight:700}.io-provider-tab.is-active .io-provider-tab-count{background:#196c5224}.io-provider-switch-row{display:inline-flex;align-items:center;gap:10px}.io-provider-switch-label{color:#344054;font-size:.88rem;font-weight:600;line-height:1.15}.io-provider-settings-panel{gap:16px;background:linear-gradient(180deg,#fcfdff,#f7f9fc);border-color:#dbe3ee}.io-provider-settings-head{align-items:center}.io-provider-switch-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.io-provider-switch-field{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:.75rem .9rem;border:1px solid #e3e7ee;border-radius:14px;background:#fff}.io-provider-tab-panel{display:grid;gap:16px;min-height:0}.io-provider-tab-panel.is-gpio,.io-provider-tab-panel.is-spi,.io-provider-tab-panel.is-i2c{grid-template-rows:auto minmax(0,1fr)}.io-provider-card{gap:14px}.io-provider-head{align-items:flex-start}.io-provider-title-block{display:grid;gap:6px}.io-provider-toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.io-provider-type-field{min-width:160px}.io-provider-remove{margin-top:1.65rem;min-width:2.1rem;min-height:2.1rem;padding:.35rem}.io-provider-common-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.io-provider-checkbox-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.io-provider-pins-panel{min-height:0;overflow:hidden}.io-provider-pins-panel>.gpio-pins-editor{min-height:0;height:100%}.gpio-pins-editor.has-scroll-rows{min-height:0;grid-template-rows:auto minmax(0,1fr)}.gpio-pins-scroll{min-height:0;overflow:auto;padding-right:4px;display:grid;gap:16px;align-content:start}.gpio-pin-grid{grid-template-columns:minmax(0,1.2fr) minmax(110px,.55fr) minmax(120px,.65fr) minmax(140px,.8fr) auto;align-items:end}.gpio-pin-remove-cell{align-self:stretch;justify-items:end}.gpio-pin-remove-label{visibility:hidden}.gpio-pin-remove-button{min-width:2.1rem;min-height:2.1rem;padding:.4rem;border-radius:10px}.io-provider-readers-panel{min-height:0;overflow:hidden}.io-provider-readers-panel>.spi-readers-editor,.io-provider-readers-panel>.i2c-readers-editor{min-height:0;height:100%}.spi-readers-editor.has-scroll-rows{min-height:0;grid-template-rows:auto minmax(0,1fr)}.spi-readers-scroll{min-height:0;overflow:auto;padding-right:4px;display:grid;gap:16px;align-content:start}.spi-reader-card{gap:12px}.spi-reader-top-row{grid-template-columns:minmax(0,1.05fr) minmax(190px,.85fr) auto;align-items:end;column-gap:16px}.spi-reader-bottom-row{grid-template-columns:repeat(6,minmax(110px,1fr));align-items:end}.spi-reader-remove-cell{align-self:stretch;justify-items:end;padding-left:6px}.spi-reader-remove-label{visibility:hidden}.spi-reader-remove-button{min-width:2.1rem;min-height:2.1rem;padding:.4rem;border-radius:10px}.i2c-readers-editor.has-scroll-rows{min-height:0;grid-template-rows:auto minmax(0,1fr)}.i2c-readers-scroll{min-height:0;overflow:auto;padding-right:4px;display:grid;gap:16px;align-content:start}.i2c-reader-card{gap:12px}.i2c-reader-top-row{grid-template-columns:minmax(0,1.05fr) minmax(190px,.85fr) auto;align-items:end;column-gap:16px}.i2c-reader-common-row{grid-template-columns:repeat(2,minmax(120px,1fr));align-items:end}.i2c-reader-bottom-row{grid-template-columns:repeat(4,minmax(110px,1fr));align-items:end}.i2c-reader-bottom-row.is-mcp23017{grid-template-columns:repeat(4,minmax(110px,1fr))}.field.compact{gap:4px;min-width:0}.field.compact select,.field.compact input{min-height:32px;height:32px;padding:.25rem .55rem;font-size:.82rem}.i2c-mcp23017-config{gap:10px}.i2c-mcp23017-pin-table{border:1px solid #e3e7ee;border-radius:14px;background:#fbfcfe;overflow:hidden}.i2c-mcp23017-pin-header,.i2c-mcp23017-pin-row{display:grid;grid-template-columns:52px repeat(7,minmax(96px,1fr));gap:8px;align-items:center;padding:10px 12px}.i2c-mcp23017-pin-header{background:#f5f7fb;border-bottom:1px solid #e3e7ee;color:#667085;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.i2c-mcp23017-pin-body{display:grid;max-height:360px;overflow:auto}.i2c-mcp23017-pin-row{border-bottom:1px solid #eef2f7}.i2c-mcp23017-pin-row:last-child{border-bottom:0}.i2c-mcp23017-pin-index{display:inline-flex;align-items:center;justify-content:center;min-height:32px;border-radius:10px;background:#eef2f7;color:#344054;font-size:.82rem;font-weight:700}.i2c-reader-remove-cell{align-self:stretch;justify-items:end;padding-left:6px}.i2c-reader-remove-label{visibility:hidden}.i2c-reader-remove-button{min-width:2.1rem;min-height:2.1rem;padding:.4rem;border-radius:10px}.reference-card{display:grid;gap:10px}.reference-details{min-width:0;gap:0}.reference-meta-head,.reference-meta-row{display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto}.reference-meta-head,.reference-meta-row{align-items:center}.reference-controls-head,.reference-controls-row{display:grid;align-items:center;justify-content:end;gap:8px;grid-template-columns:48px 56px 34px}.reference-name-field,.reference-start-mode-cell,.reference-default-cell{justify-items:center}.reference-name-field{justify-items:stretch;min-width:0}.reference-start-mode-cell,.reference-default-cell,.reference-remove-cell{min-width:0}.reference-name-field input{min-height:34px;height:34px;padding:.3rem .6rem;font-size:.9rem}.reference-start-mode-head{text-align:center}.reference-start-mode-cell{align-self:center;min-width:0}.reference-start-mode-switch,.reference-default-cell,.reference-default-switch{align-self:center}.reference-remove-cell{align-self:center;justify-items:end}.reference-default-head{text-align:center}.reference-remove-head{text-indent:-9999px;overflow:hidden}.reference-remove-button{padding:.2rem;min-width:34px;width:34px;min-height:34px;height:34px;border-radius:8px}.reference-remove-button svg{width:.82rem;height:.82rem}.media-step-layout{display:grid;gap:16px;grid-template-columns:minmax(280px,340px) minmax(0,1fr);align-items:stretch;min-height:0;height:100%}.media-step-sidebar,.media-canvas-stack{display:grid;gap:14px;min-height:0}.media-step-sidebar{overflow:auto;padding-right:4px;align-content:start}.media-shapes-panel{gap:10px;padding-top:10px;padding-bottom:10px}.media-shapes-panel .panel-head{min-height:auto}.media-shapes-panel .panel-head h3{margin:0;line-height:1.1}.media-tools{display:flex;gap:8px;flex-wrap:wrap}.media-tools .icon-button.is-active{background:#dff5ec;border-color:#86d4b0;color:#196c52}.media-canvas-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.media-zoom-controls{display:flex;align-items:center;gap:8px}.media-zoom-readout{min-width:4.25rem;justify-content:center}.media-canvas-panel{border:1px solid #e3e7ee;border-radius:18px;background:linear-gradient(180deg,#fcfdff,#f7f9fc);padding:14px;min-height:0;height:100%;display:grid;gap:12px;grid-template-rows:auto minmax(0,1fr)}.media-canvas-empty{min-height:320px;display:grid;place-items:center;text-align:center}.media-stage{position:relative;border-radius:16px;background:linear-gradient(45deg,#eef2f8 25%,transparent 25%,transparent 75%,#eef2f8 75%,#eef2f8),linear-gradient(45deg,#eef2f8 25%,transparent 25%,transparent 75%,#eef2f8 75%,#eef2f8);background-position:0 0,12px 12px;background-size:24px 24px;border:1px solid #dbe3ee;width:100%;height:100%;min-height:560px;overflow:auto}.media-stage-content{width:max-content;height:max-content;min-width:100%;min-height:100%;display:grid;place-items:center}.media-stage-overlay{touch-action:none;display:block;flex:none}.media-stage-overlay.is-drawing{cursor:crosshair}.media-stage-overlay.is-dragging-overlay{cursor:grabbing}.media-overlay-preview{cursor:pointer;transition:opacity .14s ease}.media-overlay-preview.is-selected{cursor:grab}.media-overlay-preview:hover{opacity:.9}.media-overlay-preview.is-selected{filter:drop-shadow(0 0 8px rgba(181,71,109,.42))}.media-overlay-draft{pointer-events:none}.media-resize-handle{fill:#fff;stroke:#b5476d;stroke-width:2;cursor:pointer}.overlay-list{display:grid;gap:8px;max-height:248px;overflow-y:auto;padding-right:4px}.overlay-item{position:relative;min-width:0}.overlay-chip{border:1px solid #d5dae3;background:#fff;border-radius:12px;padding:.35rem 2.1rem .35rem .6rem;text-align:left}.overlay-chip-button{width:100%;display:grid;gap:1px}.overlay-item.is-active .overlay-chip{border-color:#b5476d;box-shadow:none}.overlay-item-title{font-weight:600;color:#1f2937;font-size:.82rem;line-height:1.1}.overlay-chip-button .field-note{font-size:.72rem;line-height:1.05}.overlay-remove-button{position:absolute;top:50%;right:.35rem;transform:translateY(-50%);padding:.22rem;min-width:1.6rem;min-height:1.6rem;border-radius:9px}.overlay-remove-button svg{width:.8rem;height:.8rem}.media-inspector-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.media-inspector-span-2{grid-column:span 2}.media-visibility-panel{display:grid;gap:12px}.media-visibility-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.media-visibility-title{font-weight:700;font-size:1rem;color:#344054}.media-visibility-note{margin:4px 0 0;max-width:34rem}.media-visibility-cards{display:grid;gap:12px}.media-visibility-grid{display:grid;gap:12px;grid-template-columns:minmax(0,2fr) minmax(56px,.35fr) minmax(87px,.7fr);align-items:end}.media-visibility-grid.has-join{grid-template-columns:minmax(84px,96px) minmax(0,2fr) minmax(56px,.35fr) minmax(87px,.7fr)}.media-visibility-grid .field{min-width:0}.media-visibility-grid .if-condition-comparator-field select{padding-left:.38rem;padding-right:.38rem}.media-visibility-value-field{grid-column:1 / -1}.media-properties-panel{min-height:0;gap:10px;padding-top:10px;padding-bottom:10px;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.media-properties-panel .panel-head{min-height:auto}.media-properties-panel .panel-head h3{margin:0;line-height:1.1}.media-properties-scroll{min-height:0;overflow-y:auto;padding-right:4px;display:grid;gap:10px;align-content:start}.media-properties-panel input,.media-properties-panel select,.media-properties-panel textarea{padding:.48rem .62rem;font-size:.9rem}.media-properties-heading{display:grid;gap:2px}.media-properties-type-label{font-size:.76rem;line-height:1.05;font-weight:700;color:#344054}.media-visibility-switch{display:flex;align-items:center;justify-content:space-between;gap:12px}.media-visibility-switch-label{color:#344054;font-size:.88rem;font-weight:600;line-height:1.15}.switch-toggle{position:relative;width:2.4rem;height:1.55rem;flex:none}.switch-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:2}.switch-track{position:relative;display:block;width:100%;height:100%;border-radius:999px;background:#d5dae3;box-shadow:inset 0 0 0 1px #c9d1de;transition:background .14s ease,box-shadow .14s ease}.switch-thumb{position:absolute;top:3px;left:2px;width:1.1rem;height:1.1rem;border-radius:999px;background:#fff;box-shadow:0 1px 3px #0f172a38;transition:transform .14s ease}.switch-input:checked+.switch-track{background:#24685a;box-shadow:inset 0 0 0 1px #24685a}.switch-input:checked+.switch-track .switch-thumb{transform:translate(.95rem)}.switch-input:focus-visible+.switch-track{outline:2px solid rgba(36,104,90,.24);outline-offset:2px}.media-color-pair{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.media-color-pair .field{min-width:0}.color-control-row{display:flex;gap:8px;align-items:center}.color-picker-square{position:relative;width:2.2rem;height:2.2rem;flex:none}.color-swatch{display:block;width:100%;height:100%;border-radius:10px;border:1px solid #d5dae3;background:#fff}.color-swatch.is-transparent{background:linear-gradient(45deg,#eef2f8 25%,transparent 25%,transparent 75%,#eef2f8 75%,#eef2f8),linear-gradient(45deg,#eef2f8 25%,transparent 25%,transparent 75%,#eef2f8 75%,#eef2f8);background-position:0 0,8px 8px;background-size:16px 16px}.color-picker-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.color-picker-input:disabled{cursor:not-allowed}.color-toggle-button{padding:.22rem;min-width:1.8rem;min-height:1.8rem;border-radius:9px}.color-toggle-button svg{width:.9rem;height:.9rem}.flow-panel{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr)}.flow-toolbar{display:flex;gap:8px;align-items:center}.flow-toolbar-separator{width:1px;height:1.9rem;background:#d5dae3;margin:0 .2rem}.flow-canvas{position:relative;overflow:auto;border:1px solid #e3e7ee;border-radius:18px;background:linear-gradient(180deg,#fbfcff,#f5f7fb);min-height:420px;height:100%;min-width:0}.flow-board-shell{position:relative;min-width:100%;min-height:100%}.flow-board{position:relative;transform-origin:top left}.flow-surface{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.flow-node{position:absolute;padding:12px;border-radius:18px;border:1px solid #dbe3ee;background:#fffffff5;box-shadow:0 8px 20px #0e1e3e14;display:grid;gap:10px;-webkit-user-select:none;user-select:none}.flow-node.is-start{border-color:#86d4b0;box-shadow:0 0 0 4px #86d4b033,0 12px 28px #36a1752e,0 8px 20px #0e1e3e14}.flow-node.is-listener{border-color:#d7c2ff;box-shadow:0 0 0 3px #7c3aed1f,0 10px 24px #5b21b61f,0 8px 20px #0e1e3e14}.flow-node.is-link-source{box-shadow:0 0 0 3px #da6b2d4d}.flow-node.is-link-target{box-shadow:0 0 0 3px #2f8f794d}.flow-node-topline,.flow-node-meta,.flow-node-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.flow-node-actions{margin-top:auto;justify-content:space-between;align-items:flex-end}.flow-node-link-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.icon-button{display:inline-flex;align-items:center;justify-content:center}.icon-button svg{width:.95rem;height:.95rem}.flow-node-remove{margin-left:auto;padding:.38rem;min-width:2rem;min-height:2rem}.flow-node-title{font-weight:700;font-size:1.6rem;line-height:1.1}.step-index{font-weight:700}.listener-chip{background:#f1e8ff;color:#6d28d9}.compact-empty-state{min-height:0;padding:1rem}.json-preview{background:#0f172a;color:#e2e8f0;padding:16px;border-radius:14px;overflow:auto;max-height:500px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0f172a75;display:grid;place-items:center;padding:20px}.modal-backdrop .modal-backdrop{z-index:1010}.modal{width:min(1100px,100%);max-height:calc(100vh - 40px);overflow:hidden;background:#fff;border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:16px}.media-editor-modal{width:min(1280px,100%);height:min(920px,calc(100vh - 40px))}.media-editor-modal>.media-step-layout{flex:1;min-height:0}.confirm-dialog{width:min(420px,100%)}.confirm-actions{display:flex;justify-content:flex-end;gap:10px}.new-project-modal{width:min(560px,100%)}.new-project-modal-body{display:grid;gap:14px}.project-settings-modal{width:min(760px,calc(100vw - 40px));height:min(680px,calc(100vh - 40px))}.project-settings-modal-body{min-height:0;overflow:auto;padding-right:4px;display:grid;gap:14px}.project-settings-deployment-panel{gap:12px}.project-settings-deployment-title{font-size:1rem;font-weight:700;color:#344054}.project-settings-deployment-panel .safe-block-grid{max-height:186px;overflow-y:auto;padding-right:4px}.project-settings-deployment-panel .safe-block-option{padding:10px 12px}.project-settings-deployment-panel .safe-block-option>span:first-child{font-size:.82rem;line-height:1.15}.project-settings-switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.project-settings-switch-label{color:#344054;font-size:.92rem;font-weight:600}.new-project-location-stack{display:grid;gap:10px}.new-project-location-row{display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;align-items:end}.new-project-location-button{min-width:108px;height:42px}.value-rows-modal{width:min(920px,calc(100vw - 40px));height:min(780px,calc(100vh - 40px))}.value-rows-modal-body{min-height:0;overflow:auto;padding-right:4px}.references-modal{width:min(980px,calc(100vw - 40px));height:min(780px,calc(100vh - 40px))}.references-modal-body{min-height:0;overflow:auto;padding-right:4px}.media-library-modal{width:min(920px,calc(100vw - 40px));height:min(780px,calc(100vh - 40px))}.media-library-modal-body{min-height:0;overflow:auto;padding-right:4px}.io-providers-modal{width:min(1040px,calc(100vw - 40px));height:min(780px,calc(100vh - 40px))}.io-providers-modal-body{flex:1;min-height:0;overflow:hidden;display:grid}.io-providers-modal-body>.io-providers-editor{min-height:0;height:100%;grid-template-rows:auto minmax(0,1fr)}.validation-modal{width:min(760px,calc(100vw - 40px));height:min(680px,calc(100vh - 40px))}.validation-modal-heading{display:grid;gap:8px}.validation-modal-heading h3{margin:0}.validation-modal-body{min-height:0;overflow:auto;padding-right:4px;display:grid;gap:12px}.validation-modal-note{margin:0}.validation-issues{padding-right:.35rem}.validation-empty{margin:0}.device-registry-modal{width:min(560px,100%)}.remote-runtime-modal{width:min(1440px,calc(100vw - 40px));height:min(920px,calc(100vh - 40px))}.remote-runtime-modal-body{flex:1;min-height:0;overflow:hidden;padding-right:4px}.remote-runtime-value-preview-modal{width:min(760px,calc(100vw - 40px));height:min(620px,calc(100vh - 40px))}.remote-runtime-value-preview-body{min-height:0;overflow:auto;padding-right:4px}.remote-runtime-value-preview-body pre{margin:0;padding:12px;border:1px solid #e3e7ee;border-radius:14px;background:#fcfcfd;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;line-height:1.35;white-space:pre-wrap;word-break:break-word}.remote-runtime-panel{min-height:0;height:100%;overflow:hidden;grid-template-rows:auto auto minmax(0,1fr) auto;font-size:.9rem}.remote-runtime-head{gap:10px;flex-wrap:wrap;align-items:center}.remote-runtime-head-main{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.remote-runtime-actions{justify-content:flex-end}.remote-runtime-actions button{padding:.4rem .7rem;font-size:.84rem}.remote-runtime-status-note{margin:0;padding:.55rem .7rem;font-size:.84rem}.remote-runtime-connection-pill{display:inline-flex;align-items:center;gap:8px;padding:.4rem .7rem;border-radius:999px;font-weight:700;font-size:.84rem}.remote-runtime-connection-pill.is-connected{color:#196c52;background:#196c521f}.remote-runtime-connection-pill.is-connecting{color:#9a4f14;background:#9a4f141f}.remote-runtime-connection-pill.is-error{color:#9b2c2c;background:#9b2c2c1f}.remote-runtime-connection-pill.is-idle{color:#475467;background:#4754671f}.remote-runtime-spin{animation:remote-runtime-spin 1s linear infinite}.remote-runtime-empty{min-height:160px;display:flex;align-items:center;justify-content:center;text-align:center;padding:.8rem;border:1px dashed #d0d7e2;border-radius:14px;background:#f8fafc;color:#667085;font-size:.84rem}.remote-runtime-empty.compact{min-height:96px}.remote-runtime-layout{display:grid;gap:12px;grid-template-columns:750px minmax(0,1fr);min-height:0;align-items:stretch}.remote-runtime-left-column{display:grid;gap:12px;grid-template-rows:370px minmax(0,1fr);width:750px;min-width:750px;min-height:0}.remote-runtime-right-column{display:grid;gap:12px;grid-template-rows:370px minmax(0,1fr);align-content:stretch;min-height:0;overflow:hidden;padding-right:4px}.remote-runtime-card{min-width:0;padding:10px;gap:10px}.remote-runtime-media-card{width:750px;height:370px;max-width:100%;overflow:hidden;grid-template-rows:auto minmax(0,1fr)}.remote-runtime-logs-card{min-height:0;overflow:hidden;grid-template-rows:auto minmax(0,1fr)}.remote-runtime-runtime-card{overflow:hidden}.remote-runtime-variables-card{min-height:0;overflow:hidden;grid-template-rows:auto minmax(0,1fr)}.remote-runtime-io-card{min-height:0;overflow:hidden;grid-template-rows:auto repeat(2,minmax(0,1fr))}.remote-runtime-card-title{display:flex;align-items:center;gap:6px;font-weight:700;color:#1f2937;font-size:.92rem}.remote-runtime-head .summary-pill.big{padding:.35rem .7rem;font-size:.82rem}.remote-runtime-media-stack{display:grid;gap:8px;min-height:0;grid-template-rows:minmax(0,1fr) auto}.remote-runtime-media-canvas{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;border-radius:18px;border:1px solid #dbe3ee;background:#0f172a}.remote-runtime-media-svg{display:block;width:100%;height:100%}.remote-runtime-media-overlay{pointer-events:none}.remote-runtime-media-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;color:#475467;font-size:.8rem}.remote-runtime-log-list{display:grid;gap:8px;min-height:0;height:100%;overflow-y:auto;padding-right:4px;align-content:start}.remote-runtime-log-entry{display:grid;gap:4px;padding:6px 8px;height:60px;border-radius:10px;border:1px solid #e3e7ee;background:#fff;overflow:hidden}.remote-runtime-log-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:.76rem;color:#667085}.remote-runtime-log-meta{display:inline-flex;align-items:center;gap:6px;min-width:0}.remote-runtime-log-head strong{color:#1f2937}.remote-runtime-log-entry pre,.remote-runtime-value-card pre{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem;white-space:pre-wrap;word-break:break-word}.remote-runtime-log-message-preview{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;line-height:1.15;white-space:pre-wrap;word-break:break-word;overflow:hidden;max-height:2.3em}.remote-runtime-log-message-preview.is-truncated{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.remote-runtime-detail-list{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.remote-runtime-detail-row{display:grid;gap:4px;align-content:start;padding:10px;border:1px solid #e3e7ee;border-radius:12px;background:#fff;min-width:0}.remote-runtime-detail-label{color:#667085;font-weight:600;font-size:.76rem}.remote-runtime-detail-value{color:#1f2937;word-break:break-word;font-size:.8rem}.remote-runtime-runtime-card .remote-runtime-detail-list{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:2px}.remote-runtime-runtime-card .remote-runtime-detail-row{display:flex;align-items:center;gap:8px;padding:6px 10px;min-height:34px;flex:1 0 0;min-width:0}.remote-runtime-runtime-card .remote-runtime-detail-label{white-space:nowrap;font-size:.76rem}.remote-runtime-runtime-card .remote-runtime-detail-value{margin-left:auto;text-align:right;font-size:.78rem}.remote-runtime-value-grid{display:grid;gap:6px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-auto-rows:60px}.remote-runtime-value-card{display:grid;gap:4px;padding:6px 8px;height:60px;border-radius:10px;border:1px solid #e3e7ee;background:#fff;min-width:0;overflow:hidden}.remote-runtime-value-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;min-width:0}.remote-runtime-value-name{font-weight:700;color:#344054;font-size:.74rem;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remote-runtime-value-preview{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;line-height:1.15;white-space:pre-wrap;word-break:break-word;overflow:hidden;max-height:2.3em}.remote-runtime-value-preview.is-truncated{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.remote-runtime-value-view-button{flex:none;display:inline-flex;align-items:center;justify-content:center;padding:.16rem;width:1.35rem;min-width:1.35rem;min-height:1.35rem;border-radius:8px;font-size:.68rem;line-height:1}.remote-runtime-value-view-button svg{width:.78rem;height:.78rem}.remote-runtime-log-view-button{width:1.2rem;min-width:1.2rem;min-height:1.2rem}.remote-runtime-io-section{display:grid;gap:8px;min-height:0;grid-template-rows:auto minmax(0,1fr)}.remote-runtime-panel .field-label{font-size:.78rem}.remote-runtime-variables-card .remote-runtime-value-grid,.remote-runtime-io-card .remote-runtime-value-grid{min-height:0;height:100%;overflow-y:auto;align-content:start;padding-right:4px}.remote-runtime-media-card .remote-runtime-empty,.remote-runtime-logs-card .remote-runtime-empty,.remote-runtime-variables-card .remote-runtime-empty,.remote-runtime-io-card .remote-runtime-empty{min-height:0;height:100%}@keyframes remote-runtime-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1280px){.remote-runtime-modal-body{overflow:auto}.remote-runtime-panel{height:auto;overflow:visible}.remote-runtime-layout{grid-template-columns:1fr}.remote-runtime-left-column{width:auto;min-width:0;grid-template-rows:370px minmax(240px,auto)}.remote-runtime-right-column{grid-template-rows:auto auto;overflow:visible;padding-right:0}.remote-runtime-media-card{width:100%}.remote-runtime-log-list{max-height:360px;height:auto}.remote-runtime-variables-card{overflow:visible}.remote-runtime-variables-card .remote-runtime-value-grid{height:auto;overflow:visible;padding-right:0}.remote-runtime-io-card{overflow:visible}.remote-runtime-io-card .remote-runtime-value-grid{height:auto;overflow:visible;padding-right:0}.remote-runtime-value-preview-modal{height:auto}}@media (max-width: 1100px){.app-shell{display:block;min-height:auto}.layout-grid{display:grid;grid-template-columns:1fr;min-height:auto}.sidebar,.content{overflow:visible}.flow-panel{height:auto}.if-step-top-row,.display-media-step-grid,.if-conditions-grid,.if-step-branches{grid-template-columns:1fr}.step-type-field{max-width:none}.block-grid-flow,.step-grid-log-literal-string,.step-grid-set-variable-literal-string,.step-grid-write-serial{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.step-grid-write-serial .step-type-field,.serial-step-field-port,.serial-step-field-baud,.serial-step-field-append,.serial-step-field-terminator,.serial-step-payload-source,.serial-step-payload-type,.serial-step-payload-value,.serial-step-payload-variable,.serial-step-note-port,.serial-step-note-terminator,.serial-step-payload-note{grid-column:auto;grid-row:auto}.log-message-note,.set-variable-value-note{grid-column:auto;margin-top:0}.serial-step-note-port,.serial-step-note-terminator,.serial-step-payload-note,.serial-step-payload-text-note{margin-top:0}.if-condition-grid,.condition-literal-value-row{grid-template-columns:1fr}.toolbar-device-controls{width:100%;margin-left:0;padding-left:0;border-left:0}.toolbar-device-select{flex:1 1 260px;min-width:0}.toolbar-device-select.toolbar-device-select-compact{flex-basis:220px}.media-library-card,.media-library-meta-row{grid-template-columns:1fr}.media-library-remove-cell{justify-content:flex-start}.value-row-meta-row,.value-row-meta-row.is-json,.external-var-meta-row{grid-template-columns:1fr}.value-row-value-field{grid-column:auto}.value-row-remove-cell,.io-provider-tabs-row{justify-content:flex-start}.io-provider-tabs-row.has-title{justify-content:space-between}.io-provider-switch-grid{grid-template-columns:1fr}.gpio-pins-scroll{padding-right:0}.gpio-pin-grid{grid-template-columns:1fr}.gpio-pin-remove-cell{justify-items:flex-start}.spi-readers-scroll{padding-right:0}.spi-reader-top-row,.spi-reader-bottom-row{grid-template-columns:1fr}.spi-reader-remove-cell{justify-items:flex-start}.i2c-readers-scroll{padding-right:0}.i2c-reader-top-row,.i2c-reader-common-row,.i2c-reader-bottom-row,.i2c-reader-bottom-row.is-mcp23017{grid-template-columns:1fr}.i2c-mcp23017-pin-table{overflow-x:auto}.i2c-mcp23017-pin-header,.i2c-mcp23017-pin-row{min-width:860px}.i2c-reader-remove-cell{justify-items:flex-start}.io-provider-toolbar{width:100%}.io-provider-type-field{min-width:0;flex:1}.media-step-layout{grid-template-columns:1fr}.media-step-sidebar{overflow:visible;padding-right:0}.media-stage{min-height:420px}.media-inspector-span-2{grid-column:auto}}@media (max-width: 720px){.new-project-location-row{grid-template-columns:1fr}.toolbar-device-select{min-width:100%}.toolbar-device-select.toolbar-device-select-compact{width:100%}.reference-meta-head,.reference-meta-row{grid-template-columns:1fr}.reference-controls-head,.reference-controls-row,.reference-default-cell,.reference-remove-cell{justify-content:flex-start}.media-visibility-grid,.media-visibility-grid.has-join,.condition-literal-value-row{grid-template-columns:1fr}.media-visibility-value-field{grid-column:auto}.remote-runtime-detail-list{grid-template-columns:1fr}.remote-runtime-runtime-card .remote-runtime-detail-list{display:flex}}