@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(./barlow-latin-500-normal-BRhHB0xN.woff2) format("woff2"),url(./barlow-latin-500-normal-BAaAwKGi.woff) format("woff")}:root{--window: #414042;--panel: #323133;--head: #808386;--head-ink: #101012;--bar: #434341;--divider: #1f1e20;--well: #28272a;--hover: rgba(255, 255, 255, .06);--row-selected: #1d5584;--text: #ffffff;--text-2: #c2c3be;--muted: #929196;--field: #e8e9e8;--field-ink: #333333;--field-line: #a9a9a9;--button: #5c5b5f;--button-hover: #69686c;--button-line: #6f6e72;--blue: #1aafff;--slot-blue: #21bbfe;--cyan: #74ecff;--orange: #f5802b;--red: #ff5a4a;--green: #4fd18b;--focus: var(--blue);--ui: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;--gutter-l: max(12px, env(safe-area-inset-left, 0px));--gutter-r: max(12px, env(safe-area-inset-right, 0px));color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--window);color:var(--text);font-family:var(--ui);font-size:13px;line-height:1.4;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--focus);outline-offset:1px}h1,h2,h3,p{margin:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:36px;padding-left:var(--gutter-l);padding-right:var(--gutter-r);background:#232224;border-bottom:1px solid #000}.brand{display:flex;align-items:center;gap:8px;min-width:0}.wordmark{height:26px;width:auto;fill:#fff;margin-top:4px}.brand-name{color:var(--text-2);font-size:14px;letter-spacing:.02em}.topbar-actions{display:flex;align-items:center;gap:8px}.lang{display:flex;border:1px solid var(--button-line);border-radius:5px;overflow:hidden}.lang button{border:0;background:none;color:var(--text-2);padding:2px 8px;font-size:11.5px;font-weight:600}.lang button.on{background:var(--text-2);color:#1b1a1e}.workspace{display:grid;grid-template-columns:minmax(250px,26fr) minmax(0,49fr) minmax(290px,25fr);gap:1px;background:var(--divider);min-height:0}.column{display:grid;gap:1px;min-height:0;min-width:0}.column.center{grid-template-rows:auto minmax(0,1fr)}.column.side{grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.panel{display:flex;flex-direction:column;background:var(--panel);min-height:0;min-width:0;position:relative}.panel-title{flex:none;height:20px;line-height:20px;background:var(--head);color:var(--head-ink);text-align:center;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.panel-scroll{flex:1;min-height:0;overflow:auto;padding:4px 14px 16px}.panel-empty{color:var(--muted);padding:14px 0}.tabs{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--button-line);background:var(--button);color:var(--text);border-radius:5px;padding:5px 12px;font-size:13px;white-space:nowrap}.btn:hover:not(:disabled){background:var(--button-hover)}.btn:disabled{opacity:.45}.btn.small{padding:3px 9px;font-size:12px}.btn.tiny{padding:2px 8px;font-size:11.5px}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn.ghost:hover:not(:disabled){background:var(--hover);color:var(--text)}.btn.primary{background:var(--text);border-color:var(--text);color:#1b1a1e;font-weight:600}.btn.primary:hover:not(:disabled){background:#e4e4e4}.btn.send,.btn.on{background:#1288cc;border-color:var(--blue);color:#fff}.btn.send:hover:not(:disabled),.btn.on:hover:not(:disabled){background:#1696e0}.btn.danger{background:#c63a2c;border-color:#e0513f}.icon{display:inline-grid;place-items:center;width:26px;height:26px;border:0;border-radius:4px;background:transparent;color:var(--text-2)}.icon:hover:not(:disabled){background:var(--hover);color:var(--text)}.icon:disabled{opacity:.3}.link{border:0;background:none;color:var(--cyan);padding:0;font-weight:600;text-decoration:underline;text-underline-offset:3px}.search{flex:none;display:flex;align-items:center;gap:6px;margin:8px;padding:0 8px;border-radius:5px;background:var(--well);border:1px solid #48474b;color:var(--muted)}.search input{flex:1;min-width:0;border:0;background:transparent;padding:4px 0;outline:none;color:var(--text)}.search:focus-within{border-color:var(--blue)}.library-scroll{list-style:none;margin:0;padding:0 0 12px;overflow:auto;flex:1;min-height:0}.folder-head{display:flex;align-items:center;gap:4px;width:100%;border:0;background:none;color:var(--text-2);font-size:12px;font-weight:600;padding:8px 8px 4px;text-align:left}.folder-head:hover{color:var(--text)}.folder-lock{color:var(--muted);margin-left:2px}.folder-body{list-style:none;margin:0;padding:0}.preset{position:relative}.preset-main{display:grid;grid-template-columns:minmax(0,1fr) 120px 16px;align-items:center;column-gap:10px;width:100%;height:60px;padding:0 10px 0 26px;border:0;background:none;text-align:left}.preset-main:hover{background:var(--hover)}.preset.selected .preset-main{background:var(--row-selected)}.preset-name{font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumb{display:block;height:40px;width:calc(var(--span, 1) * 40px)}.thumb.unknown{width:40px;border-radius:2px;background:repeating-linear-gradient(45deg,#2b2b2f,#2b2b2f 4px,#232326 4px 8px)}.thumb-art{display:block;width:100%;height:100%}.preset-lock{color:var(--text-2);display:grid;place-items:center}.fits{position:absolute;left:11px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--green)}.rename{padding:15px 10px 15px 26px}.empty{color:var(--muted);padding:6px 10px 6px 26px;font-size:12.5px}.library-bar{flex:none;height:27px;display:flex;align-items:center;gap:6px;padding:0 10px;background:var(--bar);border-top:1px solid var(--divider)}.bar-icon{display:inline-grid;place-items:center;width:24px;height:21px;border:0;border-radius:3px;background:none;color:#dedede}.bar-icon:hover:not(:disabled){background:#ffffff1a}.bar-icon:disabled{opacity:.35}.bar-gap{flex:1}.confirm-bar{flex:none;display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:6px 10px;background:#2a292b;border-top:1px solid var(--divider);font-size:12.5px}.confirm-bar span{flex:1 1 140px}.collection{position:absolute;left:8px;bottom:34px;z-index:10;width:min(330px,calc(100% - 16px));max-height:min(560px,calc(100% - 60px));overflow:auto;background:#333134;border:1px solid #555457;border-radius:6px;box-shadow:0 12px 30px #0000008c;padding:6px}.collection-title{color:var(--text-2);font-weight:600;padding:4px 8px 6px}.collection ul{list-style:none;margin:0;padding:0}.collection li button{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:12px;width:100%;border:0;background:none;padding:6px 8px;border-radius:4px;text-align:left}.collection li button:hover,.collection li button:focus-visible{background:var(--hover)}.collection-name{font-size:13.5px}.device-list{container-type:inline-size;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;padding:8px 14px 12px;min-height:150px}.device{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;grid-column:1}.device-name{font-size:14px;white-space:nowrap}.device-meta{color:var(--muted);font-size:11.5px;margin-left:8px}.board{--board-w: clamp(220px, calc(100cqw - 110px) , 400px);--u: calc(var(--board-w) / 200);position:relative;width:var(--board-w);aspect-ratio:200 / 76;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}.board-art{position:absolute;inset:0;width:100%;height:100%}.board-word{font-family:"Barlow",var(--ui);font-weight:500;font-size:8.6px;letter-spacing:-.1px}.slot-module{position:absolute;padding:0;border:0;background:none;border-radius:calc(var(--u) * 3)}.slot-module:after{content:"";position:absolute;inset:calc(var(--u) * -2);border:calc(var(--u) * 2) solid transparent;border-radius:calc(var(--u) * 5);pointer-events:none}.slot-module:hover:after{border-color:gray}.slot-module.selected:after{border-color:var(--slot-blue)}.slot-module:focus-visible{outline:none}.slot-module:focus-visible:after{border-color:var(--cyan)}.slot-module.can-drop:after{border-color:#9a9a9a;border-style:dashed}.slot-module.drop-over:after{border-color:var(--cyan);border-style:solid}.slot-module.no-drop{opacity:.4}.slot-art{display:block;width:100%;height:100%}.slot-status{position:absolute;inset:0;display:grid;place-items:center;background:#00000073;color:#fff;border-radius:inherit}.slot-dirty,.slot-error{position:absolute;top:-5px;right:-5px;width:11px;height:11px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 2px #1d1d1d;pointer-events:none}.slot-error{width:15px;height:15px;top:-7px;right:-7px;background:var(--red);color:#000;font-size:11px;font-weight:700;line-height:15px;text-align:center}.unknown-art{display:grid;place-items:center;width:100%;height:100%;border-radius:calc(var(--u) * 3);background:repeating-linear-gradient(45deg,#2b2b2f,#2b2b2f 6px,#232326 6px 12px);color:var(--muted);font-size:20px;font-weight:600}.axis{grid-column:2;display:grid;gap:3px;justify-items:end}.axis-label{color:var(--text-2);font-size:12px;margin-bottom:2px}.axis label{display:flex;align-items:center;gap:8px;font-size:12.5px;cursor:pointer}.axis input{accent-color:var(--blue);margin:0;width:14px;height:14px}.connect{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:10px 0 4px}.connect-title{font-size:16px;font-weight:600}.connect-body{color:var(--text-2);max-width:62ch;font-size:12.5px}.connect-problem{border:1px solid var(--red);border-radius:5px;padding:6px 10px;max-width:62ch;font-size:12.5px}.connect-problem p+p{margin-top:4px}.connect-detail{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.connect-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px}.canvas{flex:1;min-height:0;container-type:size;display:grid;place-items:center;padding:12px 16px;overflow:auto}.module-frame{width:min(calc(100cqw - 32px),calc(var(--slots, 1) * 300px),calc((100cqh - 90px) * var(--aspect, 1)));min-width:min(260px,calc(100cqw - 32px))}.module-info{margin-bottom:10px;min-width:0}.info-name{font-size:18px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-sub{color:var(--muted);font-size:12.5px;display:flex;flex-wrap:wrap;gap:0 10px;min-height:18px}.info-locked{color:var(--text-2)}.info-dirty{color:var(--orange)}.edition-bar{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:34px;padding:4px 10px;background:var(--bar);border-top:1px solid var(--divider)}.history{display:inline-flex}.edit-art{display:block;width:100%;height:auto}.hit{cursor:pointer;outline:none}.hit:focus-visible>:not(title){stroke:var(--cyan);stroke-width:.8;stroke-dasharray:2 1}.canvas-empty{color:var(--muted);text-align:center;max-width:44ch;display:flex;flex-direction:column;align-items:center;gap:6px}.canvas-empty .info-name{color:var(--text)}.canvas-note{margin-top:10px;color:var(--text-2);font-size:12.5px}.canvas-note.warn{color:#ff8a6b}.element-title{color:var(--text-2);font-weight:600;padding:8px 0 2px}.notice{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border:1px solid #5a595c;border-radius:5px;padding:8px 10px;margin:8px 0;color:var(--text-2);font-size:12.5px}.notice p{flex:1 1 160px}.notice.warn{border-color:var(--orange)}.settings{display:flex;flex-direction:column}.row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px;row-gap:4px;min-height:40px;padding-block:4px}.row.wide{grid-template-columns:minmax(0,1fr);padding-bottom:8px}.row-label{color:var(--text);font-size:13px}.row.dim .row-label{color:var(--muted)}.row.invalid .row-label{color:var(--red)}.row-problem{grid-column:1 / -1;color:var(--red);font-size:12px}.row-control{display:flex;justify-content:flex-end;align-items:center;min-width:0}.row.wide .row-control{justify-content:stretch}.color-name{gap:8px;color:var(--text-2)}.swatches{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:200px}.color{width:20px;height:20px;border-radius:3px;border:2px solid transparent;box-shadow:inset 0 0 0 1px #ffffff26;padding:0;flex:none}.color.on{border-color:#fff}.color:disabled{cursor:default}.color:disabled:not(.on){opacity:.25}.select{appearance:none;max-width:170px;min-width:100px;border:1px solid var(--field-line);border-radius:4px;background:var(--field) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='10' viewBox='0 0 8 10'%3E%3Cpath d='M1 4l3-3 3 3M1 6l3 3 3-3' fill='none' stroke='%23444' stroke-width='1.3'/%3E%3C/svg%3E") no-repeat right 7px center;color:var(--field-ink);padding:3px 22px 3px 8px;font-size:12.5px;text-overflow:ellipsis}.select:disabled{opacity:.55}.select.compact{min-width:0;padding-block:1px;font-size:12px}.text{width:100%;border:1px solid var(--field-line);border-radius:3px;background:var(--field);color:var(--field-ink);padding:3px 8px;font-size:13px}.check{accent-color:var(--blue);width:16px;height:16px;margin:0}.btn.toggle{min-width:100px}.range{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;width:100%}.slider{position:relative;height:28px;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}.slider.disabled{cursor:default;opacity:.5}.slider-track{position:absolute;left:7px;right:7px;top:50%;height:6px;margin-top:-3px;border-radius:3px;background:#8d8d8d}.slider:not(.disabled):hover .slider-track{background:#a3a3a3}.slider-fill{position:absolute;top:0;bottom:0;border-radius:3px;background:#fff}.slider.mixed .slider-fill{background:#c4c4c4}.slider-thumb{position:absolute;top:50%;width:14px;height:22px;margin-top:-11px;transform:translate(-50%);border-radius:3px;background:linear-gradient(#9a9a9a,#7a7a7a);border:1px solid #4e4e4e;box-shadow:0 1px 2px #00000073,inset 0 1px #ffffff40;cursor:grab;outline:none}.slider-thumb:after{content:"";position:absolute;left:50%;top:5px;bottom:5px;width:2px;margin-left:-1px;border-radius:1px;background:#0000004d}.slider:not(.disabled) .slider-thumb:hover{background:linear-gradient(#b0b0b0,#8c8c8c)}.slider-thumb.active,.slider.dragging .slider-thumb.active{background:linear-gradient(#c4c4c4,#9c9c9c);cursor:grabbing}.slider.dragging{cursor:grabbing}.slider-thumb:focus-visible,.slider-thumb.active{border-color:var(--blue);box-shadow:0 0 0 2px #1aafff73,0 1px 2px #00000073}.slider.disabled .slider-thumb{cursor:default}.range-values{grid-column:2;grid-row:1;display:flex;gap:4px}.num{width:56px;border:1px solid var(--field-line);border-radius:3px;background:var(--field);color:var(--field-ink);padding:2px 4px;font-size:12.5px;text-align:right;font-variant-numeric:tabular-nums;-moz-appearance:textfield}.num:disabled,.text:disabled{opacity:.55}.group{margin-top:4px}.group-head{display:flex;align-items:center;gap:6px;width:100%;border:0;background:none;padding:10px 0 6px;color:var(--text-2);font-weight:600;font-size:12.5px;text-align:left}.chev{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:3px;background:var(--well);font-size:12px}.toasts{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:20;width:min(460px,calc(100% - 32px));pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:8px 6px 8px 12px;border-radius:6px;background:#252426;border:1px solid #58575a;box-shadow:0 10px 30px #00000080}.toast span{flex:1}.toast.success{border-color:var(--green)}.toast.error{border-color:var(--red)}@media (max-width: 1100px){.workspace{grid-template-columns:minmax(230px,24fr) minmax(0,46fr) minmax(280px,30fr)}.preset-main{grid-template-columns:minmax(0,1fr) 80px 16px}.preset-main .thumb{height:26.67px;width:calc(var(--span, 1) * 26.67px)}}@media (max-width: 900px){.workspace{grid-template-columns:minmax(0,1fr);gap:0}.workspace>*{display:none!important}.workspace[data-view=library]>.library,.workspace[data-view=board]>.column.center,.workspace[data-view=settings]>.column.side{display:grid!important}.workspace[data-view=library]>.library{display:flex!important}.column.center{grid-template-rows:auto minmax(340px,1fr);overflow:auto}.column.side{grid-template-rows:auto auto;overflow:auto}.column.side .panel-scroll{overflow:visible}.preset-main{grid-template-columns:minmax(0,1fr) 120px 16px}.preset-main .thumb{height:40px;width:calc(var(--span, 1) * 40px)}.tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#232224;border-top:1px solid #000;padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.tabs button{border:0;background:none;padding:11px 4px;color:var(--muted);font-weight:600;font-size:13px}.tabs button.on{color:var(--text);box-shadow:inset 0 2px 0 var(--blue)}.toasts{bottom:calc(60px + env(safe-area-inset-bottom,0px))}}@media (max-width: 560px){.device-list{grid-template-columns:minmax(0,1fr);row-gap:10px}.axis{grid-column:1;display:flex;justify-content:center;align-items:center;gap:14px}.axis-label{margin:0}.board{--board-w: clamp(220px, calc(100cqw - 8px) , 400px)}.device-meta,.topbar-actions .btn-label,.brand-name{display:none}.preset-main{padding-left:22px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}