:root{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-tertiary:#1c2128;--bg-elevated:#21262d;--border:#30363d;--border-light:#484f58;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-muted:#6e7681;--accent:#58a6ff;--accent-hover:#79c0ff;--accent-subtle:#58a6ff1a;--green:#3fb950;--green-subtle:#3fb95026;--yellow:#d29922;--red:#f85149;--red-subtle:#f8514926;--orange:#f0883e;--purple:#d2a8ff;--radius:8px;--radius-sm:4px;--font-mono:"SF Mono", "Cascadia Code", "Fira Code", "Menlo", monospace}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f6f8fa;--bg-tertiary:#eaeef2;--bg-elevated:#f0f3f6;--border:#d0d7de;--border-light:#bbc0c5;--text-primary:#1f2328;--text-secondary:#656d76;--text-muted:#8b949e;--accent:#0969da;--accent-hover:#0550ae;--accent-subtle:#0969da1a;--green:#1a7f37;--green-subtle:#1a7f371f;--yellow:#9a6700;--red:#cf222e;--red-subtle:#cf222e1a;--orange:#bc4c00;--purple:#8250df}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{max-width:100vw;height:100%;overflow-x:hidden}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;line-height:1.5}.app{flex-direction:column;width:100%;max-width:100vw;height:100vh;display:flex;overflow:hidden}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:52px;padding:0 16px;display:flex}.header-left{align-items:center;gap:20px;min-width:0;display:flex}.header-logo{flex-shrink:0;align-items:center;gap:8px;display:flex}.header-title{color:var(--text-primary);letter-spacing:-.3px;font-size:16px;font-weight:700}.header-project-name{color:var(--text-secondary);border-radius:var(--radius);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;max-width:180px;padding:2px 6px;font-size:12px;overflow:hidden}.header-project-name:hover{background:var(--bg-tertiary);color:var(--text-primary)}.header-project-name-input{color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--accent);border-radius:var(--radius);outline:none;width:160px;padding:2px 6px;font-size:12px}.header-tabs{gap:2px;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:6px 14px;font-size:13px;transition:all .15s}.tab-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tab-btn.active{background:var(--accent-subtle);color:var(--accent);font-weight:600}.tab-badge{background:var(--bg-elevated);min-width:18px;height:18px;color:var(--text-secondary);border-radius:9px;justify-content:center;align-items:center;margin-left:6px;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.tab-btn.active .tab-badge{background:var(--accent);color:#fff}.btn-group{gap:0;display:flex}.btn-group .btn{border-radius:0;padding:4px 8px;font-size:14px}.btn-group .btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.btn-group .btn:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.btn-group .btn:disabled{opacity:.35;cursor:default}.validation-btn{font-size:12px;font-weight:600}.validation-btn.has-errors{color:var(--red)}.validation-btn.has-warnings{color:var(--yellow)}.validation-panel{background:var(--bg-secondary);border-bottom:1px solid var(--border);max-height:200px;overflow-y:auto}.validation-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 16px;font-size:12px;display:flex}.validation-count{margin-right:12px;font-weight:600}.validation-count.error{color:var(--red)}.validation-count.warning{color:var(--yellow)}.validation-list{padding:4px 0}.validation-item{cursor:pointer;align-items:center;gap:8px;padding:6px 16px;font-size:12px;transition:background .1s;display:flex}.validation-item:hover{background:var(--bg-tertiary)}.validation-icon{flex-shrink:0;font-size:10px}.header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.bmc-link{font-size:18px;text-decoration:none}.btn.header-board-badge{background:var(--green-subtle);color:var(--green);border-color:#0000;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:500}.btn.header-board-badge:hover{background:var(--green);color:#fff}.btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:6px 14px;font-size:13px;transition:all .15s;display:inline-flex}.btn:hover{background:var(--bg-elevated);border-color:var(--border-light)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{background:var(--red-subtle);color:var(--red);border-color:#0000}.btn-danger:hover{background:var(--red);color:#fff}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover,.btn-ghost.active{background:var(--bg-tertiary);color:var(--text-primary)}.btn-sm{padding:3px 10px;font-size:12px}.btn-add{background:var(--green-subtle);color:var(--green);border-color:#0000;font-weight:600}.btn-add:hover{background:var(--green);color:#fff}.btn-icon{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;font-size:16px;display:inline-flex}.btn-icon:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-remove{color:var(--text-muted)}.btn-remove:hover{background:var(--red-subtle);color:var(--red)}.component-item-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.btn-move{color:var(--text-muted);padding:1px 4px;font-size:8px;line-height:1}.btn-move:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.btn-move:disabled{opacity:.2;cursor:default}.badge{background:var(--bg-elevated);color:var(--text-secondary);border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500}.workspace{flex:1;max-width:100vw;min-height:0;display:flex;overflow:hidden}.workspace-scroll{flex:1;min-height:0;overflow:hidden auto}.workspace.with-yaml .main-content{flex:1;min-width:0}.main-content{flex:1;padding:0;overflow:hidden auto}.board-selector{flex-direction:column;align-items:center;width:100%;max-width:min(900px,100%);margin:0 auto;padding:60px 24px;display:flex;overflow-y:auto}.board-selector-header{text-align:center;margin-bottom:40px}.board-selector-header h1{margin-bottom:8px;font-size:32px;font-weight:700}.board-selector-header p{color:var(--text-secondary);font-size:16px}.board-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;width:100%;display:grid}.board-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);cursor:pointer;text-align:left;color:inherit;font:inherit;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex}.board-card:hover{border-color:var(--accent);background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.board-card-chip{flex-shrink:0}.board-card-info h3{margin-bottom:4px;font-size:15px;font-weight:600}.board-card-info p{color:var(--text-secondary);margin-bottom:8px;font-size:12px;line-height:1.4}.board-card-meta{gap:6px;display:flex}.components-layout{height:100%;display:flex}.onboarding-steps{justify-content:center;align-items:center;gap:0;margin-bottom:32px;display:flex}.onboarding-steps .step{color:var(--text-muted);align-items:center;gap:8px;font-size:14px;display:flex}.onboarding-steps .step.active{color:var(--accent);font-weight:600}.onboarding-steps .step.completed{color:var(--green)}.onboarding-steps .step-num{background:var(--bg-elevated);border:2px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.step.active .step-num{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}.step.completed .step-num{background:var(--green-subtle);border-color:var(--green);color:var(--green)}.step-line{background:var(--border);flex-shrink:0;width:40px;height:2px;margin:0 8px}.step-line.active{background:var(--accent)}.template-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;width:100%;display:grid}.template-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);cursor:pointer;text-align:left;color:inherit;font:inherit;align-items:flex-start;gap:16px;padding:20px;transition:all .2s;display:flex}.template-card:hover{border-color:var(--accent);background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.template-blank{border-style:dashed}.template-icon{flex-shrink:0;font-size:32px;line-height:1}.template-info h3{margin-bottom:4px;font-size:15px;font-weight:600}.template-info p{color:var(--text-secondary);margin-bottom:8px;font-size:12px;line-height:1.4}.template-meta{gap:6px;display:flex}.template-import{opacity:.75;border-style:dashed}.template-import:hover{opacity:1}.back-btn{margin-bottom:12px;font-size:14px}.board-card{position:relative}.board-recommended{border-color:var(--green)}.board-recommended:hover{border-color:var(--green);box-shadow:0 4px 12px #3fb95033}.recommended-badge{background:var(--green);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:8px;padding:2px 8px;font-size:10px;font-weight:700;position:absolute;top:-8px;right:12px}.step-guide{background:var(--accent-subtle);border-bottom:1px solid var(--border);color:var(--text-primary);flex-shrink:0;align-items:center;gap:10px;padding:10px 16px;font-size:13px;display:flex}.step-guide-icon{flex-shrink:0;font-size:16px}.step-guide-text{flex:1}.step-guide-btn{color:var(--accent);white-space:nowrap;padding:4px 12px;font-size:12px;font-weight:600}.step-guide-btn:hover{background:var(--accent-subtle)}.component-palette{background:var(--bg-secondary);border-right:none;flex-shrink:0;min-width:200px;max-width:600px;overflow-y:auto}.palette-resize-handle{cursor:col-resize;border-right:1px solid var(--border);z-index:10;background:0 0;flex-shrink:0;width:5px;transition:background .15s}.palette-resize-handle:hover,.palette-resize-handle:active{background:var(--accent);border-color:var(--accent)}.palette-section{border-bottom:1px solid var(--border);padding:12px}.palette-section-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px;font-size:11px;font-weight:600}.palette-empty{color:var(--text-muted);padding:8px 0;font-size:12px}.added-components-list{flex-direction:column;gap:2px;display:flex}.added-component-item{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:8px;padding:8px 10px;transition:background .1s;display:flex}.added-component-item:hover{background:var(--bg-tertiary)}.added-component-item.selected{background:var(--accent-subtle);outline:1px solid var(--accent)}.added-component-icon{flex-shrink:0;font-size:16px}.added-component-info{flex-direction:column;flex:1;min-width:0;display:flex}.added-component-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.added-component-pins{color:var(--text-muted);font-size:11px;font-family:var(--font-mono)}.palette-category{margin-bottom:4px}.palette-category-header{width:100%;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:8px 10px;font-size:13px;font-weight:600;display:flex}.palette-category-header:hover{background:var(--bg-tertiary);color:var(--text-primary)}.palette-chevron{color:var(--text-muted);font-size:11px}.palette-category-items{padding:2px 0 4px}.palette-item{justify-content:space-between;align-items:center;gap:8px;padding:6px 10px 6px 24px;display:flex}.palette-item:hover{background:var(--bg-tertiary);border-radius:var(--radius-sm)}.palette-item-info{flex-direction:column;min-width:0;display:flex}.palette-item-name{font-size:12px;font-weight:500}.palette-item-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.component-config{flex:1;padding:20px 24px;overflow-y:auto}.component-config.empty{justify-content:center;align-items:center;display:flex}.config-placeholder{text-align:center;color:var(--text-muted)}.config-placeholder-icon{margin-bottom:12px;font-size:48px;display:block}.config-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.config-icon{font-size:32px}.config-header h3{font-size:18px;font-weight:600}.config-type{color:var(--text-muted);font-size:12px;font-family:var(--font-mono)}.config-form{width:100%;max-width:min(500px,100%)}.config-fieldset{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:16px}.config-fieldset legend{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);padding:0 8px;font-size:12px;font-weight:600}.config-notice{background:var(--accent-subtle);border-radius:var(--radius-sm);color:var(--accent);margin-bottom:16px;padding:10px 14px;font-size:12px}.form-group{margin-bottom:14px}.form-group:last-child{margin-bottom:0}.form-group label{color:var(--text-secondary);margin-bottom:4px;font-size:12px;font-weight:500;display:block}.required{color:var(--red);margin-left:2px}.unit{color:var(--text-muted);margin-left:4px;font-weight:400}input[type=text],input[type=number],input[type=password],select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);width:100%;color:var(--text-primary);padding:7px 10px;font-family:inherit;font-size:13px;transition:border-color .15s}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-subtle);outline:none}input::placeholder{color:var(--text-muted)}select{cursor:pointer}.form-hint{color:var(--text-muted);margin-top:3px;font-size:11px;display:block}.input-with-btn{align-items:center;gap:6px;display:flex}.input-with-btn input{flex:1}.search-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);width:100%;color:var(--text-primary);outline:none;margin-top:12px;padding:8px 12px;font-size:14px;transition:border-color .15s}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-subtle)}.search-input::placeholder{color:var(--text-muted)}.search-input-sm{margin-top:0;margin-bottom:8px;padding:6px 10px;font-size:12px}.toggle-label{cursor:pointer;align-items:center;gap:8px;color:var(--text-primary)!important;font-size:13px!important;display:flex!important}.toggle-label input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--accent)}.toggle-text{font-weight:400}.text-muted{color:var(--text-muted);font-size:13px}.pin-mapper{padding:24px}.pin-mapper h2{margin-bottom:4px;font-size:20px}.pin-mapper-hint{color:var(--text-secondary);margin-bottom:20px;font-size:13px}.pin-conflict-banner{background:var(--red-subtle);border:1px solid var(--red);border-radius:var(--radius);color:var(--red);margin-bottom:16px;padding:10px 16px;font-size:13px;font-weight:500}.pin-mapper-svg-container{justify-content:center;padding:12px 0;display:flex;overflow-x:auto}.pin-mapper-legend{border-top:1px solid var(--border);flex-wrap:wrap;gap:16px;margin-top:16px;padding-top:16px;display:flex}.legend-item{color:var(--text-secondary);text-transform:capitalize;align-items:center;gap:6px;font-size:12px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.automation-builder{width:100%;max-width:min(800px,100%);margin:0 auto;padding:24px}.automation-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.automation-header h2{font-size:20px}.automation-empty{text-align:center;color:var(--text-secondary);padding:40px 0}.automation-list{flex-direction:column;gap:8px;display:flex}.automation-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);overflow:hidden}.automation-card.expanded{border-color:var(--accent)}.automation-card-header{cursor:pointer;align-items:center;gap:12px;padding:12px 16px;transition:background .1s;display:flex}.automation-card-header:hover{background:var(--bg-tertiary)}.automation-card-name{flex:1;font-size:14px;font-weight:600}.automation-card-summary{gap:6px;display:flex}.automation-editor{border-top:1px solid var(--border);background:var(--bg-tertiary);padding:16px}.action-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding:10px 0;display:flex}.action-row:last-child{border-bottom:none}.action-number{background:var(--bg-elevated);width:22px;height:22px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:6px;font-size:11px;font-weight:600;display:flex}.action-fields{flex-direction:column;flex:1;gap:6px;display:flex}.action-fields select,.action-fields input{width:100%}.action-mqtt-fields{flex-direction:column;gap:6px;display:flex}.form-group-inline{align-items:center;gap:8px;display:flex}.form-group-inline label{white-space:nowrap;margin-bottom:0;font-size:12px}.form-group-inline input{width:80px}.settings-panel{width:100%;max-width:min(560px,100%);margin:0 auto;padding:24px}.settings-panel h2{margin-bottom:20px;font-size:20px}.yaml-panel{border-left:1px solid var(--border);background:var(--bg-secondary);flex-direction:column;flex-shrink:0;min-width:280px;max-width:min(800px,100vw);display:flex}.yaml-resize-handle{cursor:col-resize;border-left:1px solid var(--border);z-index:10;background:0 0;flex-shrink:0;width:5px;transition:background .15s}.yaml-resize-handle:hover,.yaml-resize-handle:active{background:var(--accent);border-color:var(--accent)}.yaml-panel-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.yaml-panel-header h3{color:var(--text-secondary);font-size:13px;font-weight:600}.yaml-panel-actions{align-items:center;gap:4px;display:flex}.yaml-panel-body{flex:1;padding:12px;overflow-y:auto}.yaml-code{font-family:var(--font-mono);color:var(--text-primary);white-space:pre;margin:0;font-size:12px;line-height:1.6}.yaml-key{color:var(--accent)}.yaml-colon{color:var(--text-muted)}.yaml-string{color:var(--green)}.yaml-number,.yaml-bool{color:var(--orange)}.yaml-comment{color:var(--text-muted);font-style:italic}.yaml-dash{color:var(--text-muted)}.yaml-secret{color:var(--purple)}.yaml-value{color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.header-more-wrap{display:none;position:relative}.header-more-btn{padding:5px 8px}.header-more-menu{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);z-index:200;min-width:200px;padding:4px 0;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0006}.more-menu-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 16px;font-size:14px;transition:background .1s;display:flex}.more-menu-item:hover{background:var(--bg-tertiary)}.more-menu-item:disabled{opacity:.35;cursor:default}.more-menu-divider{background:var(--border);height:1px;margin:4px 0}.mobile-nav{display:none}.mobile-nav-btn{height:38px;color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-direction:row;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;padding:0 4px;font-size:13px;transition:color .15s,background .15s;display:flex}.mobile-nav-btn:hover{color:var(--text-primary)}.mobile-nav-btn.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.mobile-nav-btn .tab-badge{margin-left:2px}@media (width<=1024px){.yaml-panel{width:320px}}.mobile-palette-toggle{border:none;border-bottom:1px solid var(--border);background:var(--bg-tertiary);width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:600;display:none}.mobile-palette-toggle:hover{color:var(--text-primary);background:var(--bg-elevated)}.mobile-back-btn{border:none;border-bottom:1px solid var(--border);background:var(--bg-secondary);width:100%;color:var(--accent);cursor:pointer;text-align:left;flex-shrink:0;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:500;display:none}.mobile-back-btn:hover{background:var(--accent-subtle)}.palette-category-label{align-items:center;gap:6px;display:flex}.inline-icon{vertical-align:middle;margin-right:2px;display:inline-flex}@media (width<=768px){.header{flex-wrap:nowrap;gap:8px;height:48px;padding:0 12px}.header-left{flex:1;gap:8px;min-width:0}.header-title{font-size:14px}.header-tabs{display:none}.header-right{flex-wrap:nowrap;flex-shrink:0;gap:2px}.header-right .btn{flex-shrink:0;padding:5px 8px;font-size:12px}.btn-export-label,.header-btn-desktop{display:none}.header-more-wrap{display:block}.mobile-nav{border-bottom:1px solid var(--border);background:var(--bg-secondary);z-index:20;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0;display:flex;overflow-x:auto}.mobile-nav::-webkit-scrollbar{display:none}.board-selector{box-sizing:border-box;width:100%;max-width:100%;padding:24px 16px}.board-selector-header{margin-bottom:24px}.board-selector-header h1{font-size:22px}.board-grid,.template-grid{grid-template-columns:1fr}.onboarding-steps span:not(.step-num){display:none}.workspace,.workspace.with-yaml{flex-direction:column}.main-content{flex:1;min-height:0;overflow-y:auto}.components-layout{flex-direction:column;height:100%;overflow:hidden}.palette-resize-handle{display:none}.component-palette{border-right:none;flex-shrink:0;overflow:hidden;width:100%!important;min-width:0!important;max-width:100%!important}.component-palette.mobile-open{flex:1;overflow-y:auto}.component-palette.mobile-closed{border-bottom:none;flex:0;height:0;overflow:hidden}.mobile-palette-toggle,.mobile-back-btn{display:flex}.component-config{flex:1;min-height:0;padding:16px;overflow-y:auto}.component-palette.mobile-open~.palette-resize-handle~.component-config,.yaml-resize-handle{display:none}.yaml-panel{border-left:none;border-top:1px solid var(--border);z-index:100;border-radius:var(--radius) var(--radius) 0 0;height:60vh;max-height:60vh;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0006;width:100%!important;max-width:100%!important}.settings-panel,.automation-builder{box-sizing:border-box;width:100%;max-width:100%;padding:16px}.pin-mapper{max-width:100%;padding:12px;overflow-x:auto}.step-guide{flex-wrap:wrap;padding:8px 12px;font-size:12px}.board-card,.template-card{gap:12px;padding:14px}.validation-panel{max-height:160px}}@media (width<=480px){.header-board-badge{display:none}.board-selector-header h1{font-size:18px}.config-form{max-width:100%}}