:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8edf3;background:#080d14;font-synthesis:none}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{overflow-x:hidden;position:relative;isolation:isolate;background:#080d14}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#060c1433,#060c1447),url(/wirefactory/assets/wirefactory-workshop-v1-CQpGZNm6.webp) center / cover no-repeat}button,input,select{font:inherit}button,select,input{border-radius:2px}button{min-height:36px;border:1px solid #384658;color:#e8edf3;background:linear-gradient(180deg,#152131,#101925);padding:7px 11px;cursor:pointer;transition:border-color .14s ease,color .14s ease,background .14s ease}button:hover:not(:disabled){border-color:#d79a4b;color:#ffdba3;background:#182638}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #f0b35a;outline-offset:2px}button:disabled{opacity:.38;cursor:not-allowed}.app-header{height:74px;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2b3848;background:#060a10f0}.brand-block{display:flex;align-items:center;gap:18px}.wordmark{display:flex;align-items:baseline;font-size:20px;font-weight:900;letter-spacing:.13em;line-height:1}.wordmark span:first-child{color:#f5f1e9}.wordmark span:last-child{color:#d39748}.subtitle,.eyebrow,.export-group>span,.control-strip>strong{color:#7f8ea1;font:600 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}.status{display:flex;align-items:center;gap:8px;border:1px solid #8f3f4d;color:#ff9eaa;padding:8px 10px;font:700 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.05em}.status.ready{border-color:#a76e2e;color:#f3bd70}.status-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.toolbar{min-height:52px;padding:8px 12px;display:flex;gap:16px;align-items:center;border-bottom:1px solid #2b3848;background:#0c131d}.tool-group{display:flex;gap:6px;align-items:center}.tool-group+.tool-group{padding-left:16px;border-left:1px solid #2b3848}.export-group>span{margin-right:2px}.notice{margin-left:auto;max-width:280px;color:#ffd8a1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.control-strip{min-height:56px;padding:8px 14px;display:flex;align-items:center;gap:18px;border-bottom:1px solid #2b3848;background:#111a26}.control-strip label{display:flex;align-items:center;gap:7px;color:#9ca9b8;font:11px/1 ui-monospace,SFMono-Regular,Consolas,monospace}select,input{border:1px solid #384658;color:#e8edf3;background:#0b121c;min-height:34px;padding:5px 8px}.live-result{margin-left:auto;color:#ffc66f;font:700 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.live-result.muted{color:#ff94a2}.workspace{height:calc(100vh - 182px);min-height:540px;display:grid;grid-template-columns:260px minmax(0,1fr) 310px}.catalog-panel,.inspector-panel{min-height:0;overflow:auto;padding:14px;background:#090f17f5}.catalog-panel{border-right:1px solid #2b3848}.inspector-panel{border-left:1px solid #2b3848}.panel-heading,.section-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-heading>span,.section-title>span,.canvas-header span{color:#d99b4c;font:700 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace}h2,h3,p{margin-top:0}h2{margin-bottom:0;color:#aeb9c5;font-size:11px;text-transform:uppercase;letter-spacing:.11em}h3{color:#f2eee7;font-size:15px}.catalog-search,.category-select{width:100%;margin-top:12px}.catalog-list{margin-top:10px;display:grid;gap:5px}.catalog-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border:1px solid transparent;background:#0e1722;cursor:pointer}.catalog-item:hover,.catalog-item.selected{border-color:#4a586a;background:#121e2c}.catalog-item.selected{border-left-color:#d79a4b}.catalog-item strong,.catalog-item small{display:block}.catalog-item strong{font-size:12px;line-height:1.25}.catalog-item small{margin-top:3px;color:#7f8ea1;font:9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase}.catalog-item button{min-width:32px;min-height:32px;padding:0;border-color:#635238;color:#f0b35a}.canvas-panel{min-width:0;min-height:0;display:flex;flex-direction:column;background:#080d14}.canvas-header{min-height:42px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #253243;background:#0a111a}.canvas-header div{display:flex;align-items:center;gap:8px}.canvas-header strong,.canvas-header p{font:700 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.canvas-header p{margin:0;color:#7f8ea1;font-weight:500}.canvas-scroll{min-width:0;min-height:0;flex:1;overflow:auto;overscroll-behavior:contain}.canvas{position:relative;background-color:#060c1461;background-image:linear-gradient(rgba(111,132,156,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(111,132,156,.075) 1px,transparent 1px),linear-gradient(rgba(111,132,156,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(111,132,156,.035) 1px,transparent 1px);background-size:24px 24px,24px 24px,6px 6px,6px 6px}.wire-layer{position:absolute;inset:0;overflow:visible}.wire{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:.6;pointer-events:none;transition:opacity .12s ease,stroke-width .12s ease}.wire.active{stroke-width:6;opacity:1;filter:drop-shadow(0 0 5px rgba(240,179,90,.7))}.wire.selected{stroke-width:7;opacity:1;filter:drop-shadow(0 0 4px #ffffff)}.wire-hit{fill:none;stroke:transparent;stroke-width:16;pointer-events:stroke;cursor:pointer}.component{position:absolute;border:1px solid #526176;background:linear-gradient(155deg,#162232fa,#0c141ffa);box-shadow:0 12px 25px #00000061;-webkit-user-select:none;user-select:none;z-index:2}.component:before,.component:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#586678;top:7px}.component:before{left:7px}.component:after{right:7px}.component.selected{border-color:#d79a4b;box-shadow:0 0 0 1px #d79a4b,0 16px 30px #00000080}.component-drag-handle{height:66px;padding:17px 25px 8px 12px;border-bottom:1px solid #2d3b4d;cursor:grab;touch-action:none}.component-drag-handle:active{cursor:grabbing}.component-drag-handle strong,.component-drag-handle small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-drag-handle strong{color:#f4f0e9;font-size:12px}.component-drag-handle small{margin-top:4px;color:#8391a2;font:9px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.component-drag-handle>span{position:absolute;top:25px;right:9px;color:#6f7e91}.terminal{position:absolute;width:20px;min-height:20px;height:20px;padding:0;border:2px solid #91a0b2;border-radius:50%;background:#101b29;z-index:3}.terminal span{position:absolute;top:21px;left:50%;width:54px;transform:translate(-50%);color:#8391a2;font:8px/1.05 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:center;pointer-events:none}.terminal.active{border-color:#ffe0a3;background:#f0b35a;box-shadow:0 0 12px #f0b35ad9}.terminal.pending{border-color:#7dd3fc;background:#245778;box-shadow:0 0 0 3px #7dd3fc33}.inspector-section,.validation-section,.function-section{margin-top:14px;padding-top:14px;border-top:1px solid #283647}.inspector-section p{color:#aeb9c5;font-size:12px;line-height:1.5}.inspector-section .example{padding:9px;border-left:2px solid #d79a4b;background:#101a27}.inspector-section .example b{display:block;margin-bottom:4px;color:#eab56d;font:700 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase}.inspector-section .limitation,.safety-note{color:#8391a2;font-size:10px;line-height:1.5}.inspector-section a{display:block;color:#8cc9ed;font-size:10px;line-height:1.35}.danger{width:100%;margin-top:12px;border-color:#7f3d49;color:#ff9eaa}dl{display:grid;grid-template-columns:48px minmax(0,1fr);gap:5px 8px;font:10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}dt{color:#748397}dd{margin:0;color:#c5ced8;overflow-wrap:anywhere}.section-title h3{margin:0;color:#aeb9c5;font-size:11px;text-transform:uppercase;letter-spacing:.09em}.diagnostic{margin-top:8px;padding:8px;border-left:2px solid #d25d70;background:#5e1f2b38}.diagnostic.warning{border-color:#d79a4b;background:#704b1e33}.diagnostic strong{color:#ff9eaa;font:700 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.diagnostic p{margin:5px 0 0;color:#c4cdd7;font-size:10px;line-height:1.4}.validation-ok{margin:10px 0 0;padding:9px;border-left:2px solid #d79a4b;color:#f0bc73;background:#754f1f2e;font-size:11px}table{width:100%;margin-top:9px;border-collapse:collapse;font:10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}th,td{padding:7px 5px;border-bottom:1px solid #253243;text-align:left}th{color:#7f8ea1;font-weight:500}tr.current td{color:#f0b35a;background:#aa6f261f}.safety-note{margin:16px 0 0;padding:10px;border:1px solid #3a4656;background:#0d151f}@media(max-width:1080px){.workspace{grid-template-columns:220px minmax(0,1fr) 270px}.subtitle{display:none}.control-strip{gap:10px}.control-strip label{gap:4px}}@media(max-width:760px){.app-header{height:62px;padding:10px 12px}.wordmark{font-size:17px}.status{font-size:9px;padding:7px}.toolbar{min-height:96px;padding:7px;gap:7px;align-content:center;flex-wrap:wrap}.tool-group{gap:4px}.tool-group+.tool-group{padding-left:7px}.tool-group button{min-height:40px;padding:6px 8px;font-size:11px}.export-group>span{display:none}.control-strip{min-height:104px;padding:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px}.control-strip>strong,.live-result{grid-column:1 / -1}.control-strip label{justify-content:space-between}.live-result{margin-left:0}.workspace{height:auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:210px 650px auto}.catalog-panel,.inspector-panel{border:0}.catalog-panel{border-bottom:1px solid #2b3848}.catalog-search,.category-select{width:calc(50% - 3px)}.category-select{margin-left:6px}.catalog-list{grid-auto-flow:column;grid-auto-columns:190px;overflow-x:auto;padding-bottom:5px}.canvas-header{align-items:flex-start;gap:10px}.canvas-header p{max-width:220px;text-align:right}.inspector-panel{border-top:1px solid #2b3848}}.component{background:transparent;border:0;overflow:visible;box-shadow:none}.component.selected{outline:1px dashed #b5945d;outline-offset:2px;border-radius:8px}.component:before,.component:after{display:none}.component-silhouette{position:absolute;inset:0;pointer-events:none}.component-art{width:100%;height:100%;overflow:visible}.component-drag-handle{position:absolute;left:0;top:0;right:0;height:22px;min-height:22px;background:#071019b8;border:0;padding:2px 4px;z-index:2;display:flex;align-items:center;justify-content:space-between}.component-drag-handle small{display:none}.component-drag-handle strong{font-size:10px;line-height:12px}.component-drag-handle span{font-size:12px}.terminal{z-index:3;background:transparent;border:0;width:20px;height:20px;padding:0;box-shadow:none}.terminal span{display:none}.terminal.active{background:transparent;box-shadow:0 0 7px #ffc063;border:1px solid #ffc063}.terminal.pending{background:#ffbd5833;border:2px solid #ffe0a3}.switch-state{display:grid;gap:5px;margin-top:14px;color:#aeb9c5;font-size:11px}.coil-result{color:#f0b35a;font:10px ui-monospace,monospace;white-space:nowrap}.control-strip{flex-wrap:wrap}@media(max-width:760px){.coil-result{grid-column:1/-1;white-space:normal}.control-strip{min-height:140px}}@media(max-width:760px){.app-header{flex-wrap:wrap;height:auto;gap:10px}.brand-block{flex-shrink:0}.app-header .status{max-width:100%;white-space:normal}}main{display:flex;flex-direction:column;height:100dvh;min-height:640px}.app-header{height:auto;min-height:52px;padding:10px 14px;gap:12px;flex-shrink:0}.brand-block{min-width:0}.wordmark{font-size:18px}.status{line-height:1.3;max-width:58%}.toolbar{flex-shrink:0;min-height:48px;padding:6px 8px;gap:8px;flex-wrap:wrap;background:transparent;border:0}.toolbar-card{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}.toolbar-card label{display:flex;align-items:center;gap:7px;color:#aeb9c5;font-size:11px}.toolbar button,.toolbar select{min-height:32px;font-size:12px;padding:5px 9px}.file-menu{position:relative;margin-left:auto;flex-shrink:0}.file-popover{position:absolute;right:0;top:calc(100% + 6px);z-index:20;width:180px;padding:6px;display:grid;gap:4px;border:1px solid #536276;border-radius:10px;background:#101a27;box-shadow:0 12px 30px #0008}.file-popover button{width:100%;text-align:left;min-height:36px}.notice{flex:1 1 100%;margin:0;max-width:none;white-space:normal;text-align:left}.control-strip{flex-shrink:0;min-height:40px;margin:0 8px;padding:5px 10px;gap:8px 14px;border:1px solid #253243;border-radius:12px;background:#0e1722}.control-strip>strong{font-size:9px;letter-spacing:.04em}.control-strip label{gap:5px;font-size:10px}.control-strip select{min-height:28px;padding:3px 5px;font-size:11px}.live-result,.coil-result{font-size:10px}.workspace{flex:1;height:auto;min-height:400px;grid-template-columns:220px minmax(0,1fr) 270px;gap:8px;padding:8px}.catalog-panel,.inspector-panel,.canvas-panel{min-width:0;border:1px solid #253243;border-radius:12px;background:#0a111ae6}.catalog-panel{align-self:start;display:grid;gap:12px;padding:12px;overflow:visible}.catalog-panel label{display:grid;min-width:0;gap:5px;color:#aeb9c5;font-size:11px}.catalog-panel select{width:100%;min-width:0;font-size:12px}.catalog-panel .add-component{width:100%}.inspector-panel{padding:12px}.canvas-panel{overflow:hidden}.canvas-header{min-height:36px;padding:6px 10px;gap:10px}.canvas-header p{max-width:60%;font-size:9px;text-align:right}.inspector-section,.validation-section,.function-section{margin-top:12px;padding-top:12px}@media(max-width:1100px)and (min-width:761px){.workspace{grid-template-columns:195px minmax(0,1fr) 235px}.status{max-width:66%}}@media(max-width:760px){main{height:auto;min-height:100dvh}.app-header{min-height:0;flex-wrap:wrap;gap:8px;padding:10px}.app-header .status{max-width:100%;font-size:9px}.toolbar{align-items:flex-start;flex-wrap:nowrap}.toolbar-card{flex:1;gap:6px}.toolbar-card label{flex:1 1 100%;min-width:0}.toolbar-card select{flex:1;min-width:0;width:100%}.toolbar button,.toolbar select{min-height:36px;font-size:11px}.toolbar:has(.notice){flex-wrap:wrap}.file-menu{margin-left:0}.control-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;gap:6px 10px;padding:8px}.control-strip>strong,.live-result,.coil-result{grid-column:1 / -1}.control-strip label{justify-content:space-between;min-width:0}.control-strip label:has([aria-label="Dual split"]){grid-column:1 / -1}.control-strip select{min-height:32px}.live-result{margin-left:0}.coil-result{white-space:normal}.workspace{flex:none;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 650px auto}.catalog-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalog-panel .panel-heading,.catalog-panel .add-component{grid-column:1 / -1}.inspector-panel{overflow:visible}}.function-section{overflow:auto;max-height:380px}.function-section td{overflow-wrap:anywhere}main>.notice{flex:0 0 auto;padding:8px 12px;min-height:36px}.canvas-panel{background:#060c1447}.wire.diagnostic-target{stroke:#f472b6;stroke-width:7;opacity:1;filter:drop-shadow(0 0 5px rgba(244,114,182,.82))}.component.diagnostic-target{outline:2px dashed #f472b6;outline-offset:4px}.terminal.diagnostic-target{border-color:#f472b6;box-shadow:0 0 0 3px #f472b652}.diagnostic-list{margin-top:8px}.diagnostic.selected{border-color:#f472b6;box-shadow:inset 0 0 0 1px #f472b65c}.diagnostic-select{width:100%;min-height:0;padding:0;display:flex;align-items:baseline;justify-content:space-between;gap:8px;border:0;background:transparent;color:inherit;text-align:left}.diagnostic-select span{color:#aeb9c5;font:9px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.diagnostic-select:focus-visible{outline:2px solid #f0b35a;outline-offset:3px}.diagnostic-detail{margin-top:8px;padding-top:8px;border-top:1px solid rgba(174,185,197,.25)}.diagnostic-detail p{margin-top:0}.diagnostic-detail p strong{display:block;margin-bottom:3px;color:#f0bc73}.diagnostic-detail button,.diagnostic-back,.diagnostic-clear{margin-top:6px;font-size:10px}.diagnostic-back{width:100%}.diagnostic-clear{width:100%;border-color:#6c7888;color:#c4cdd7}.diagnostic-global{color:#aeb9c5}.diagnostic-list{max-height:440px;overflow-y:auto;overscroll-behavior:contain}.diagnostic-select{flex-direction:column;align-items:flex-start;min-height:44px;padding:5px 0}.diagnostic,.diagnostic-select,.diagnostic-navigation{overflow-wrap:anywhere}.diagnostic-select strong{font-size:12px;line-height:1.4;font-weight:600}.diagnostic-navigation{padding:8px 12px;background:#23172a;border-bottom:1px solid #f472b6;color:#e7c0d6}.diagnostic-navigation p{margin:0;font-size:11px;line-height:1.5}.diagnostic-navigation>div{display:flex;gap:8px}.diagnostic-navigation button{width:auto;min-height:36px}