:root{color:#243039;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:17px;font-weight:500;line-height:1.45}*{box-sizing:border-box}body{min-width:320px;margin:0}#root{min-height:100svh}.app{color:#1a242d;background:linear-gradient(#f8fafcf0,#e4ecf2f5),#eef3f6;grid-template-rows:auto minmax(0,1fr);height:100svh;padding:14px;display:grid;overflow:hidden}.topbar{justify-content:space-between;align-items:end;gap:18px;max-width:none;margin:0 0 12px;display:flex}.mode-toggle{background:#fff;border:1px solid #d7e1e8;border-radius:8px;gap:4px;padding:4px;display:flex}.mode-toggle button{color:#536674;cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:36px;padding:0 12px;font-weight:850}.mode-toggle button.active{color:#fff;background:#12212b}.topbar h1,.toolbar h2,.toolbar p{margin:0}.topbar h1{color:#0f1a22;font-size:2.2rem;line-height:1}.workspace{grid-template-columns:250px minmax(0,1fr) 300px;align-items:start;gap:12px;max-width:none;height:100%;min-height:0;margin:0;display:grid;overflow:hidden}.toolbar{background:#fff;border:1px solid #d7e1e8;border-radius:8px;gap:14px;max-height:100%;padding:14px;display:grid;overflow:auto;box-shadow:0 16px 38px #1925311a}.element-panel,.control-panel{align-content:start}.mode-use .workspace{grid-template-columns:minmax(0,1fr)}.mode-use .element-panel,.mode-use .control-panel{display:none}.tool-group,.inspector{border-bottom:1px solid #dce5eb;gap:9px;padding-bottom:14px;display:grid}.inspector{border-bottom:0;padding-bottom:0}.toolbar h2{color:#253541;font-size:.95rem;line-height:1.1}button{font:inherit}.toolbar button{color:#17242d;cursor:pointer;text-align:left;background:#f5f8fa;border:1px solid #cfdbe3;border-radius:7px;align-items:center;gap:9px;min-height:42px;padding:8px 10px;font-weight:800;display:flex}.toolbar button:hover:not(:disabled){background:#eaf3f7;border-color:#96b7c7}.toolbar button:disabled{cursor:not-allowed;opacity:.48}.tool-icon{color:#fff;text-transform:uppercase;background:#12212b;border-radius:6px;justify-content:center;align-items:center;min-width:26px;height:26px;font-size:.9rem;font-weight:950;display:inline-flex}.tool-icon.slider-add{background:linear-gradient(145deg, #ffffff80, transparent 45%), var(--swatch);border:1px solid #12212b47}.tool-preview{background:linear-gradient(145deg,#ffffffb8,#0000 44%),#dce7ed;border:1px solid #b8c9d3;border-radius:7px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;padding:2px;display:inline-flex;position:relative;overflow:hidden}.tool-preview img{object-fit:contain;pointer-events:none;width:100%;height:100%}.tool-preview.button img,.tool-preview.led img{width:30px;height:30px}.tool-preview .ball-visual,.tool-preview .obstacle-visual,.tool-preview .decor-tile-visual,.tool-preview .light-tile-visual,.tool-preview .ball-switch-visual{width:24px;height:24px}.tool-preview .ball-switch-visual>span{width:11px;height:11px}.tool-preview .light-tile-visual.active-preview{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--part-color) 92%, white) 0 18%, transparent 58%), linear-gradient(145deg, #ffffff52, transparent 42%), var(--part-color);border-color:color-mix(in srgb, var(--part-color) 82%, #17242d);box-shadow:0 0 9px color-mix(in srgb, var(--part-color) 58%, transparent), inset 0 0 0 1px #ffffff3d;opacity:1}.tool-preview-slider{--slider-material:#8a949b;background:linear-gradient(#ffffff59,#0000 38%),linear-gradient(#222b31,#11181d);border:1px solid #17242d;border-radius:5px;width:18px;height:27px;display:block;position:relative;box-shadow:inset 0 0 0 1px #ffffff1f}.tool-preview-slider>span{background:linear-gradient(145deg, #ffffff9e, transparent 42%), var(--slider-material);border:1px solid #0c12167a;border-radius:4px;width:10px;height:10px;position:absolute;top:4px;left:3px;box-shadow:0 2px 3px #00000042}.tool-preview-dpad{grid-template-rows:repeat(3,8px);grid-template-columns:repeat(3,8px);gap:1px;display:grid}.tool-preview-dpad span{background:linear-gradient(145deg,#ffffff8a,#0000 45%),#626f78;border:1px solid #27343c;border-radius:3px;box-shadow:inset 0 -2px #0000002e}.tool-preview-dpad .up{grid-area:1/2}.tool-preview-dpad .left{grid-area:2/1}.tool-preview-dpad .center{grid-area:2/2}.tool-preview-dpad .right{grid-area:2/3}.tool-preview-dpad .down{grid-area:3/2}.tool-preview-latch{background:radial-gradient(circle,#374148e6,#11181d 62%),#11181d;border:2px solid #17242d;border-radius:5px;width:25px;height:25px;display:block;position:relative;overflow:hidden}.tool-preview-latch>span{background:linear-gradient(90deg,#4c260f40 1px,#0000 1px) 0 0/7px 100%,linear-gradient(145deg,#ffffff42,#0000 36%) 0 0/100% 100%,linear-gradient(#95582a,#5f3419) 0 0/100% 100%;border:1px solid #3f2414;border-radius:4px;position:absolute;inset:3px}.tool-preview-fan,.tool-preview-garage,.tool-preview-comm{width:100%;height:100%;display:block;position:relative}.tool-preview-fan img,.tool-preview-garage img,.tool-preview-comm img{position:absolute;inset:0}.tool-preview-fan img:last-child{width:70%;height:70%;inset:15%}.tool-preview-clock{color:#45ff8c;text-shadow:0 0 6px #45ff8cc7;background:linear-gradient(#172027,#090f13);border:1px solid #17242d;border-radius:4px;justify-content:center;align-items:center;width:30px;height:20px;font-family:Courier New,monospace;font-size:.58rem;font-weight:950;line-height:1;display:flex}.color-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.toolbar .color-swatch{background:linear-gradient(145deg, #ffffffb8, transparent 42%), var(--swatch);border:2px solid #cfdbe3;border-radius:7px;min-height:34px;padding:0;box-shadow:inset 0 -5px #00000024}.toolbar .color-swatch.active{border-color:#17242d;box-shadow:inset 0 -5px #00000024,0 0 0 3px #1c79a029}.toolbar .secondary{color:#fff;background:#18394b;border-color:#18394b}.toolbar .secondary .tool-icon{background:#ffffff29}.search-box{gap:5px;display:grid}.search-box span,.toggle-row{color:#536674;font-size:.84rem;font-weight:800}.search-box input{color:#17242d;background:#fff;border:1px solid #cfdbe3;border-radius:7px;width:100%;min-height:40px;padding:8px 10px}.search-box input:focus{border-color:#1c79a0;outline:3px solid #1c79a024}.toggle-row{align-items:center;gap:8px;min-height:34px;display:flex}.toggle-row input{accent-color:#1c79a0;width:16px;height:16px}.pair-actions{grid-template-columns:1fr;gap:7px;display:grid}.inspector p{color:#536674;gap:4px;font-size:.9rem;line-height:1.35;display:grid}.inspector strong{color:#15232d;font-size:1rem}.inspector em{color:#6a7d8a;font-size:.82rem;font-style:normal;font-weight:800}.link-hint{background:#fff6d6;border:1px solid #e8cd72;border-radius:7px;padding:10px;color:#513f05!important}.connection-panel{gap:8px;display:grid}.connection-panel h3{color:#253541;margin:0;font-size:.9rem;line-height:1.1}.connection-list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.connection-list li{grid-template-columns:minmax(0,1fr) 34px;gap:6px;display:grid}.connection-select{color:#17242d;cursor:pointer;text-align:left;background:#f5f8fa;border:1px solid #cfdbe3;border-radius:7px;align-items:center;gap:3px;min-height:42px;padding:7px 9px;display:grid}.connection-select span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.connection-select strong{color:#6b7b85;text-transform:uppercase;font-size:.72rem}.connection-list li.active .connection-select{background:#e6f8ed;border-color:#83d6a0}.connection-list li.motion .connection-select{background:#e8f4fb;border-color:#86bfd9}.connection-list li.active .connection-select strong{color:#217a43}.connection-list li.motion .connection-select strong{color:#1c6688}.connection-delete{color:#982c2c;cursor:pointer;background:#fff1f1;border:1px solid #efb5b5;border-radius:7px;justify-content:center;align-items:center;min-height:42px;font-weight:900;display:flex}.board-shell{scroll-behavior:smooth;background:#cfdce3;border:1px solid #becbd3;border-radius:8px;height:100%;min-height:0;padding:0;position:relative;overflow:auto}.floating-connection-panel{z-index:30;background:#fffffff5;border:1px solid #cfdbe3;border-radius:8px;gap:10px;width:min(320px,100% - 28px);max-height:min(46vh,360px);padding:12px;display:grid;position:absolute;bottom:14px;right:14px;overflow:auto;box-shadow:0 16px 38px #1925312e}.floating-panel-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.floating-panel-header strong{color:#15232d;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.floating-connection-panel button{align-items:center;gap:8px;display:flex}.floating-connection-panel .secondary{color:#fff;cursor:pointer;background:#18394b;border:1px solid #18394b;border-radius:7px;min-height:38px;padding:7px 9px;font-weight:800}.floating-connection-panel .secondary .tool-icon{background:#ffffff29}.floating-connection-panel .link-hint{margin:0}.board{--board-width:calc(var(--columns) * var(--cell-size));--board-height:calc(var(--rows) * var(--cell-size));background:linear-gradient(90deg,#192d371f 1px,#0000 1px),linear-gradient(0deg,#192d371f 1px,#0000 1px),linear-gradient(#f8fbfd,#e3ebef);background-size:var(--cell-size) var(--cell-size);cursor:crosshair;height:var(--board-height);min-width:var(--board-width);width:var(--board-width);border:0;border-radius:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffffb8,0 20px 48px #1925312e}.mode-use .board,.mode-use .board-part{cursor:default}.mode-use .board-part.button,.mode-use .board-part.slider,.mode-use .board-part.latchDoorSwitch,.mode-use .dpad-key:not(.center){cursor:pointer}.connection-layer{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.connection{fill:none;stroke:#17242dad;stroke-dasharray:12 10;stroke-linecap:round;stroke-width:5px}.connection.active{filter:drop-shadow(0 0 8px #2cd061d1);stroke:#24c85f;stroke-dasharray:none}.connection.motion{filter:drop-shadow(0 0 8px #1c79a080);stroke:#1c79a0}.board-part{cursor:pointer;height:var(--cell-size);left:calc(var(--part-x) * var(--cell-size));min-width:auto;min-height:auto;top:calc(var(--part-y) * var(--cell-size));width:var(--cell-size);z-index:3;background:0 0;border:0;place-items:center;padding:2px;display:grid;position:absolute}.board-part.dpad{height:calc(var(--cell-size) * 3);width:calc(var(--cell-size) * 3)}.board-part.fan,.board-part.latchDoorSwitch{height:calc(var(--cell-size) * 2);width:calc(var(--cell-size) * 2)}.board-part.garageDoor{height:calc(var(--cell-size) * 3);width:calc(var(--cell-size) * 3);z-index:11}.board-part.digitalClock{height:calc(var(--cell-size) * 2);width:calc(var(--cell-size) * 4)}.board-part.commDisplay{height:calc(var(--cell-size) * 2);width:calc(var(--cell-size) * 3)}.board-part.decorTile,.board-part.lightTile{z-index:1}.board-part.ball{z-index:9}.board-part:before{content:"";pointer-events:none;border:2px solid #0000;border-radius:8px;transition:border-color .14s,box-shadow .14s;position:absolute;inset:3px}.board-part:hover:before{border-color:#26394657}.board-part.selected:before{border-color:#1c79a0;box-shadow:0 0 0 3px #1c79a02e}.board-part.link-source:before{border-color:#d79b19;box-shadow:0 0 0 3px #d79b1933}.board-part.connected:before{border-color:#17242d6b}.board-part.connected.selected:before{border-color:#1c79a0}.board-part img{object-fit:contain;pointer-events:none;width:34px;height:34px}.board-part.button.active img{transform:translateY(2px)scale(.98)}.board-part.led.active img{filter:drop-shadow(0 0 12px #45ff4be0)}.slider-visual{--slider-material:#8a949b;background:linear-gradient(#ffffff59,#0000 38%),linear-gradient(#222b31,#11181d);border:2px solid #17242d;border-radius:6px;width:22px;height:32px;display:block;position:relative;box-shadow:inset 0 0 0 1px #ffffff1f,0 2px 4px #11181d3d}.slider-visual>span{background:linear-gradient(145deg, #ffffff9e, transparent 42%), var(--slider-material);border:1px solid #0c12167a;border-radius:4px;width:12px;height:12px;transition:top .14s;position:absolute;top:14px;left:3px;box-shadow:0 2px 3px #00000052}.board-part.slider.active .slider-visual>span{top:3px}.slider-gray{--slider-material:#8a949b}.slider-gold{--slider-material:#d4a531}.slider-copper{--slider-material:#b87333}.dpad-visual{height:calc(var(--cell-size) * 3 - 4px);width:calc(var(--cell-size) * 3 - 4px);z-index:1;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:2px;display:grid;position:relative}.dpad-key{cursor:pointer;background:linear-gradient(145deg,#ffffff8a,#0000 45%),#626f78;border:1px solid #27343c;border-radius:6px;place-items:center;min-height:0;padding:0;display:grid;box-shadow:inset 0 -4px #0000002e,0 1px 2px #0000002e}.dpad-key:disabled{cursor:default;opacity:.82}.dpad-key:hover:not(:disabled){filter:brightness(1.12)}.dpad-key.up{grid-area:1/2}.dpad-key.left{grid-area:2/1}.dpad-key.center{grid-area:2/2}.dpad-key.right{grid-area:2/3}.dpad-key.down{grid-area:3/2}.dpad-key.up:before,.dpad-key.down:before,.dpad-key.left:before,.dpad-key.right:before{color:#f8fbfd;font-size:.8rem;font-weight:950;line-height:1;display:block}.dpad-key.up:before{content:"▲"}.dpad-key.down:before{content:"▼"}.dpad-key.left:before{content:"◀"}.dpad-key.right:before{content:"▶"}.ball-visual{background:radial-gradient(circle at 35% 28%,#fff 0 10%,#0000 11%),radial-gradient(circle at 45% 42%,#6ee7ff,#1875a0 68%,#0f3142);border:2px solid #102734;border-radius:50%;width:28px;height:28px;display:block;box-shadow:inset -4px -6px 8px #00000047,0 2px 4px #12212b3d}.obstacle-visual{background:linear-gradient(135deg,#ffffff38,#0000 42%),repeating-linear-gradient(45deg,#4a555d 0 6px,#354149 6px 12px);border:2px solid #202b33;border-radius:5px;width:30px;height:30px;display:block;box-shadow:inset 0 -4px #0000002e}.decor-tile-visual{background:linear-gradient(145deg, #ffffff38, transparent 42%), color-mix(in srgb, var(--part-color) 72%, transparent);border:1px solid color-mix(in srgb, var(--part-color) 82%, #17242d);opacity:.82;border-radius:5px;width:30px;height:30px;display:block;box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 -5px 8px #0000001a}.light-tile-visual{opacity:.88;background:linear-gradient(145deg,#ffffff2e,#0000 42%),#8a949b;border:1px solid #5d6971;border-radius:5px;width:30px;height:30px;transition:background-color .16s,border-color .16s,box-shadow .16s,opacity .16s;display:block;box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 -5px 8px #00000024}.board-part.lightTile.active .light-tile-visual{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--part-color) 92%, white) 0 18%, transparent 58%), linear-gradient(145deg, #ffffff52, transparent 42%), var(--part-color);border-color:color-mix(in srgb, var(--part-color) 82%, #17242d);box-shadow:0 0 13px color-mix(in srgb, var(--part-color) 72%, transparent), 0 0 24px color-mix(in srgb, var(--part-color) 36%, transparent), inset 0 0 0 1px #ffffff3d;opacity:1}.ball-switch-visual{background:radial-gradient(circle,#1b2730 0 26%,#0000 27%),linear-gradient(145deg,#fff6,#0000 44%),#717f89;border:2px solid #1e2a31;border-radius:8px;place-items:center;width:30px;height:30px;display:grid;box-shadow:inset 0 -4px #0000002e,0 2px 4px #12212b33}.ball-switch-visual>span{background:#27343c;border-radius:50%;width:14px;height:14px;display:block;box-shadow:inset 0 2px 4px #00000061}.board-part.ballSwitch.active .ball-switch-visual{background:radial-gradient(circle,#effff2 0 26%,#0000 27%),linear-gradient(145deg,#ffffff85,#0000 44%),#46d46c;border-color:#1f8f42;box-shadow:0 0 14px #46d46c9e,inset 0 -4px #00000024}.latch-door-visual{height:calc(var(--cell-size) * 2 - 4px);width:calc(var(--cell-size) * 2 - 4px);background:#1a242d;border:2px solid #17242d;border-radius:7px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,0 2px 5px #11181d3d}.latch-door-backplate{background:radial-gradient(circle,#374148e6,#11181d 62%),#11181d;position:absolute;inset:0}.wood-door{transform-origin:0;background:linear-gradient(90deg,#4c260f40 1px,#0000 1px) 0 0/12px 100%,linear-gradient(145deg,#ffffff42,#0000 36%) 0 0/100% 100%,linear-gradient(#95582a,#5f3419) 0 0/100% 100%;border:2px solid #3f2414;border-radius:5px;transition:transform .28s,filter .18s;position:absolute;inset:5px;box-shadow:inset -6px 0 10px #0000002e,0 2px 3px #00000038}.latch-door-visual.open .wood-door{filter:brightness(.92);transform:perspective(110px)rotateY(-68deg)}.door-latch{background:linear-gradient(#d6b65c,#8d6624);border:1px solid #59401a;border-radius:999px;width:34px;height:7px;transition:left .18s,width .18s,opacity .18s;position:absolute;top:50%;left:16px;transform:translateY(-50%);box-shadow:inset 0 1px #ffffff59,0 1px 2px #00000047}.latch-door-visual.unlatched .door-latch{width:20px;left:30px}.latch-door-visual.open .door-latch{opacity:.62}.hidden-door-switch{cursor:pointer;background:radial-gradient(circle,#26333c 0 30%,#0000 31%),linear-gradient(145deg,#ffffff57,#0000 42%),#66737c;border:2px solid #d8e7ee;border-radius:8px;width:28px;height:28px;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 -4px #0003,0 0 0 2px #18394b5c}.hidden-door-switch.active{background:radial-gradient(circle,#effff2 0 30%,#0000 31%),linear-gradient(145deg,#ffffff7a,#0000 42%),#46d46c;border-color:#effff2;box-shadow:0 0 13px #46d46cad,inset 0 -4px #00000024}.fan-visual{height:calc(var(--cell-size) * 2 - 4px);width:calc(var(--cell-size) * 2 - 4px);display:block;position:relative}.fan-visual img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.fan-body{z-index:1}.fan-propeller{transform-origin:50%;z-index:2;width:70%!important;height:70%!important;inset:15%!important}.board-part.fan.active .fan-propeller{animation:.34s linear infinite fan-spin}.garage-door-visual{height:calc(var(--cell-size) * 3 - 4px);width:calc(var(--cell-size) * 3 - 4px);display:block;position:relative;overflow:hidden}.garage-door-visual img{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.garage-door-panel{clip-path:inset(0);transform-origin:50% 0;will-change:clip-path, transform;z-index:1;transition:clip-path .82s cubic-bezier(.22,.72,.18,1),transform .82s cubic-bezier(.22,.72,.18,1),filter .82s}.garage-door-frame{z-index:2}.board-part.garageDoor.active .garage-door-panel{clip-path:inset(0 0 66%);filter:brightness(1.08);transform:scaleY(.36)}.digital-clock-visual{height:calc(var(--cell-size) * 2 - 4px);width:calc(var(--cell-size) * 4 - 4px);background:linear-gradient(#ffffff14,#0000 42%),linear-gradient(#172027,#090f13);border:2px solid #17242d;border-radius:7px;grid-template-columns:1fr 1fr .32fr 1fr 1fr;place-items:center;gap:3px;padding:7px;display:grid;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 -8px 14px #00000057,0 2px 5px #11181d3d}.clock-digit{width:23px;height:48px;display:block;position:relative}.clock-segment{opacity:.72;background:#2d434894;border-radius:999px;transition:background-color .16s,box-shadow .16s,opacity .16s;display:block;position:absolute;box-shadow:inset 0 0 0 1px #ffffff08}.clock-segment.active{opacity:1;background:#45ff8c;box-shadow:0 0 7px #45ff8cc7,0 0 14px #45ff8c52}.clock-segment.a,.clock-segment.d,.clock-segment.g{width:13px;height:5px;left:5px}.clock-segment.a{top:2px}.clock-segment.g{top:21px}.clock-segment.d{bottom:2px}.clock-segment.b,.clock-segment.c,.clock-segment.e,.clock-segment.f{width:5px;height:15px}.clock-segment.b,.clock-segment.c{right:1px}.clock-segment.e,.clock-segment.f{left:1px}.clock-segment.b,.clock-segment.f{top:6px}.clock-segment.c,.clock-segment.e{bottom:6px}.clock-colon{place-items:center;gap:8px;display:grid}.clock-colon span{background:#2d434894;border-radius:999px;width:6px;height:6px;transition:background-color .16s,box-shadow .16s;display:block}.clock-colon.active span{background:#45ff8c;box-shadow:0 0 7px #45ff8cc7,0 0 14px #45ff8c52}.comm-display-visual{height:calc(var(--cell-size) * 2);width:calc(var(--cell-size) * 3);display:block;position:relative;overflow:hidden}.comm-screen-image{object-fit:fill;pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.comm-display-visual:after{content:"";pointer-events:none;z-index:3;background:repeating-linear-gradient(#ffffff0d 0 1px,#0000 1px 4px),radial-gradient(circle,#0000 0 54%,#0000003d 100%);position:absolute;inset:0}.comm-off{z-index:0;background:linear-gradient(135deg,#ffffff0f,#0000 42%),#0a1116;border:1px solid #79919e29;border-radius:5px;display:block;position:absolute;inset:0}.comm-character{z-index:2;width:100%;height:100%;display:block;position:absolute;inset:0}.comm-avatar{filter:drop-shadow(0 0 9px #4adeff61);object-fit:fill;pointer-events:none;width:100%;height:100%;display:block}@keyframes fan-spin{to{transform:rotate(360deg)}}.board-part>.part-id{color:#fff;pointer-events:none;z-index:2;background:#0c1820d1;border-radius:999px;min-width:18px;padding:3px 4px;font-size:.58rem;font-weight:900;line-height:1;position:absolute;bottom:-4px}@media (width<=860px){.app{padding:14px}.topbar,.workspace{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:stretch}}@media (width<=560px){.topbar h1{font-size:1.75rem}.toolbar{gap:12px}}