html{font-size:21px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column;min-height:100vh;text-align:center}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex:1 1;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:flex-start}.App-link{color:#61dafb}.api-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:20px;width:80%}.api-box{background-color:#3a3f4b;border-radius:8px;box-shadow:0 4px 8px #0003;max-width:400px;padding:20px;text-align:left;width:100%}.api-box h2{color:#61dafb;font-size:1.5rem;margin-top:0;text-align:center}.api-box pre{background-color:#2d3139;border-radius:4px;color:#fff;font-size:.9rem;overflow-x:auto;padding:10px;white-space:pre-wrap}.app-top-bar{align-items:center;display:flex;justify-content:space-between;padding-top:20px;width:98%}.app-top-bar h1{font-size:26px;margin:0}.tab-nav{display:flex;gap:4px}.tab-btn{background:#0000;border:none;border-bottom:3px solid #0000;color:#aaa;cursor:pointer;font-size:1rem;padding:8px 20px;transition:color .2s,border-color .2s}.tab-btn:hover{color:#fff}.tab-btn.active{border-bottom-color:#61dafb;color:#61dafb}.tab-content-panel{background-color:#3a3f4b;border-radius:8px;box-shadow:0 4px 8px #0003;color:#fff;margin-top:30px;min-height:200px;padding:40px;text-align:left;width:98%}.tab-content-panel h2{color:#61dafb;margin-top:0}.tab-content-panel a{color:#61dafb;text-decoration:underline}.tab-content-panel a:hover{color:#9ae7ff}.user-guide{font-size:.95rem;text-align:left}.user-guide h3{color:#61dafb;font-size:1.15rem;margin:22px 0 8px}.user-guide p{line-height:1.55;margin:8px 0}.user-guide ol,.user-guide ul{line-height:1.55;margin:8px 0;padding-left:22px}.user-guide li{margin:4px 0}.user-guide-table{border-collapse:collapse;margin:10px 0;max-width:520px;width:100%}.user-guide-table td,.user-guide-table th{border:1px solid #4b5563;padding:6px 12px;text-align:left}.user-guide-table th{background:#2b2f3a;color:#cbd5e1}.assumptions-cat{border-bottom:1px solid #4b5563;color:#61dafb;margin:26px 0 8px;padding-bottom:4px}.assumptions-material{margin-bottom:18px}.assumptions-material h4{color:#e2e8f0;font-size:15px;margin:12px 0 4px}.assumptions-desc{font-style:italic;margin:0 0 6px}.assumptions-desc,.assumptions-note{color:#94a3b8;font-size:13px}.assumptions .user-guide-table{font-size:13px;max-width:100%}.assumptions .user-guide-table td,.assumptions .user-guide-table th{padding:5px 9px}.assumptions-chart{background:#2b303a;border:1px solid #3a3f4b;border-radius:6px;margin:12px 0 22px;padding:12px 8px}.about-subtab-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px}.about-subtab-btn{background:#0000;border:none;border-radius:6px;color:#8ab4ff;cursor:pointer;font-size:1rem;font-weight:500;padding:8px 18px;transition:background .15s,color .15s}.about-subtab-btn:hover{color:#bcd2ff}.about-subtab-btn.active{background:#3b6cf0;color:#fff}.about-subtab-content{color:#fff;line-height:1.5;margin:0 auto;max-width:760px;text-align:center}.about-disclaimer-text{word-wrap:break-word;color:#e2e8f0;font-size:.9rem;line-height:1.55;text-align:left;white-space:pre-wrap}.about-acknowledgements{color:#e2e8f0;font-size:.95rem;line-height:1.6}.about-acknowledgements ul{list-style:none;margin:8px 0 0;padding-left:0}.about-acknowledgements li{margin:3px 0}.about-team{display:flex;flex-wrap:wrap;gap:28px;justify-content:center}.team-member{align-items:center;display:flex;flex-direction:column;width:140px}.team-photo{background:#2b2f3a;border-radius:50%;height:120px;object-fit:cover;width:120px}.team-photo-placeholder{align-items:center;border:2px dashed #4b5563;color:#94a3b8;display:flex;font-size:2rem;font-weight:600;justify-content:center}.team-name{color:#fff;font-weight:600;margin-top:12px;text-align:center}.settings-panel{width:100%}.settings-panel h2{color:#61dafb;margin-top:0}.settings-description{color:#aaa;font-size:.85rem;margin-bottom:20px}.settings-section{border:1px solid #444;border-radius:6px;margin-bottom:12px;overflow:hidden}.settings-section-header{align-items:center;background:#2d3139;border:none;color:#e0e0e0;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:10px;padding:12px 16px;text-align:left;transition:background .15s;width:100%}.settings-section-header:hover{background:#383e4a}.settings-chevron{display:inline-block;font-size:.65rem;transition:transform .2s}.settings-chevron.open{transform:rotate(90deg)}.settings-section-body{background:#1e2229;display:flex;flex-direction:column;gap:8px;padding:14px 16px}.settings-textarea{background:#12151a;border:1px solid #444;border-radius:4px;box-sizing:border-box;color:#c9d1d9;font-family:Courier New,monospace;font-size:12px;line-height:1.5;min-height:220px;padding:10px;resize:vertical;width:100%}.settings-textarea:focus{border-color:#61dafb;outline:none}.settings-error{color:#ff6b6b;font-size:12px;margin:0}.settings-save-btn{align-self:flex-end;background:#61dafb;border:none;border-radius:4px;color:#1e2229;cursor:pointer;font-size:.85rem;font-weight:700;padding:7px 22px;transition:background .2s}.settings-save-btn:hover{background:#4fc3e8}.workspace-container{background-color:#333;border-radius:8px;box-shadow:0 4px 8px #0003;display:flex;height:calc(100vh - 220px);margin-top:30px;min-height:520px;overflow:hidden;width:98%}.sidebar{background-color:#3a3f4b;border-right:1px solid #444;overflow-y:auto;padding:15px;width:20%}.sidebar h2{color:#61dafb;font-size:26px;margin-top:0;text-align:center}.sidebar ul{list-style-type:none;margin:0;padding:0}.sidebar-category{background-color:#454c5a;border-radius:4px;color:#fff;font-size:14px;font-weight:400;list-style:none;margin-bottom:5px;margin-top:15px;padding:8px 10px}.sidebar-category-blue{background-color:#61dafb;color:#1e2127;font-weight:700}.sidebar-section{margin-bottom:4px}.sidebar-icon-grid{display:flex;flex-wrap:wrap;gap:6px;padding:6px 4px}.sidebar-icon-item{align-items:center;background-color:#3a3f4b;border:1px solid #505866;border-radius:6px;cursor:grab;display:flex;flex-direction:column;justify-content:center;padding:6px 4px 4px;transition:background-color .15s,border-color .15s;-webkit-user-select:none;user-select:none;width:52px}.sidebar-icon-item:hover{background-color:#505866;border-color:#61dafb}.sidebar-icon-img{filter:invert(1);height:36px;object-fit:contain;pointer-events:none;width:36px}.sidebar-icon-img.no-invert{filter:none}.sidebar-icon-label{color:#ccc;font-size:10px;line-height:1.2;margin-top:3px;max-width:48px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.design-actions{display:flex;flex-direction:column;flex-shrink:0;gap:10px;margin-top:auto;padding-top:16px}.output-container>.design-actions:first-child{margin-top:0}.app-footer{align-items:center;background-color:#282c34;display:flex;flex-direction:column;gap:0;justify-content:flex-start;padding:8px 24px 14px;position:relative}.app-footer img{height:auto;margin-bottom:-8px;max-height:110px;max-width:460px;width:auto}.app-footer-text{color:#94a3b8;font-size:10px;font-weight:500;letter-spacing:.02em;line-height:1.35;width:100%}.app-footer-funding{margin-bottom:6px;text-align:center}.app-footer-meta{align-items:center;display:flex;gap:24px;justify-content:space-between;width:100%}.app-footer-version{flex-shrink:0;white-space:nowrap}.app-footer-link{background:none;border:none;color:#61dafb;cursor:pointer;font:inherit;padding:0;text-decoration:underline}.app-footer-link:hover{color:#9ae7ff}.finalize-design-btn{background-color:#61dafb;border:none;border-radius:4px;color:#1e2127;cursor:pointer;font-size:15px;font-weight:700;margin-top:15px;padding:12px;transition:background-color .3s;width:100%}.finalize-design-btn:hover:not(:disabled){background-color:#4ecdc4}.finalize-design-btn:disabled{background-color:#505866;color:#888;cursor:not-allowed}.clear-design-btn{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;margin-top:10px;padding:12px;transition:background-color .3s;width:100%}.clear-design-btn:hover:not(:disabled){background-color:#d32f2f}.clear-design-btn:disabled{background-color:#505866;color:#888;cursor:not-allowed}.order-switch-btn{background-color:#343a46;border:1px solid #5a6473;border-radius:999px;color:#dbe3ee;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.2px;padding:8px 10px;transition:background-color .2s,border-color .2s,color .2s;width:100%}.order-switch-btn.off:hover{background-color:#404857;border-color:#768499}.order-switch-btn.on{background-color:#2ecc71;border-color:#27ae60;color:#172014}.order-switch-btn.on:hover{background-color:#27ae60;border-color:#219150}.view-results-btn{background-color:#2ecc71;border:none;border-radius:4px;color:#1e2127;cursor:pointer;font-size:15px;font-weight:700;margin-top:10px;padding:12px;transition:background-color .3s;width:100%}.view-results-btn:hover{background-color:#27ae60}.insert-template-btn{background-color:#5b82a6;border:none;border-radius:4px;color:#eef3f8;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:10px 18px;transition:background-color .2s;white-space:nowrap}.insert-template-btn:hover:not(:disabled){background-color:#6a93b8}.insert-template-btn:disabled{background-color:#5a6472;color:#97a0ad;cursor:not-allowed}.calculate-btn{background-color:#61dafb;border:none;border-radius:4px;color:#1e2127;cursor:pointer;font-size:14px;font-weight:700;margin-top:10px;padding:12px;transition:background-color .3s;width:100%}.calculate-btn:hover:not(:disabled){background-color:#4ecdc4}.calculate-btn:disabled{background-color:#505866;color:#888;cursor:not-allowed}.stove-settings-btn{background-color:#ff9800;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-top:10px;padding:12px;transition:background-color .3s;width:100%}.stove-settings-btn:hover{background-color:#f57c00}.stove-menu-sidebar{background-color:#2d3139;border:2px solid #61dafb;border-radius:4px;margin-bottom:10px;margin-top:10px;padding:15px}.stove-menu-sidebar h3{color:#61dafb;font-size:16px;margin:0 0 15px;text-align:center}.stove-menu-sidebar label{color:#fff;display:block;font-size:14px;margin-bottom:10px}.stove-menu-sidebar input[type=range]{accent-color:#61dafb;margin-top:8px;width:100%}.pipe-info-sidebar{background-color:#3a3f4b;border:2px solid #61dafb;border-radius:4px;box-shadow:0 4px 12px #00000080;font-size:14px;margin-top:20px;overflow:hidden;width:100%}.component-list{background-color:#2d3139;border-radius:4px;margin-top:20px;padding:15px}.component-list h3{color:#61dafb;font-size:18px;margin-bottom:15px;margin-top:0}.component-list-item{background-color:#3a3f4b;border-left:3px solid #61dafb;border-radius:4px;margin-bottom:10px;padding:12px}.component-list-item strong{color:#61dafb;display:block;font-size:14px;margin-bottom:8px}.component-details{color:#ccc;display:flex;flex-direction:column;font-size:12px;gap:4px}.component-details span{padding-left:10px}.canvas{background-color:#e8eaed;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:15px;position:relative;width:62%}.fireplace{align-items:center;background-color:#3a3f4b;border:3px solid #61dafb;border-radius:4px;bottom:30px;display:flex;height:120px;justify-content:center;left:50%;margin-bottom:100px;position:absolute;transform:translateX(-50%);transition:border-color .3s;width:150px;z-index:1}.fireplace:hover{border-color:#4fa8c5}.stove-menu{background-color:#3a3f4b;border:2px solid #61dafb;border-radius:8px;bottom:160px;box-shadow:0 4px 12px #0000004d;left:50%;padding:20px;position:absolute;transform:translateX(-50%);width:250px;z-index:100}.stove-menu h3{color:#61dafb;font-size:18px;margin:0 0 15px;text-align:center}.stove-menu label{color:#fff;display:block;font-size:14px;margin-bottom:10px}.stove-menu input[type=range]{accent-color:#61dafb;margin-top:8px;width:100%}.stove-menu button{background-color:#61dafb;border:none;border-radius:4px;color:#282c34;cursor:pointer;font-size:14px;font-weight:700;padding:8px 16px;transition:background-color .3s}.stove-menu button:hover{background-color:#4fa8c5}.fireplace-label{color:#61dafb;font-size:16px;font-weight:700;text-align:center}.output-container{background-color:#2d3139;border-left:1px solid #444;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:15px;width:18%}.output-container>.pipe-info-sidebar{min-height:0;overflow-y:auto}.preset-section-label{color:#aaa;font-size:13px;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.preset-btn{background:#2d3139;border:1px solid #444;border-radius:4px;color:#61dafb;cursor:pointer;font-size:14px;margin-bottom:6px;padding:7px 10px;text-align:left;transition:background .15s,border-color .15s;width:100%}.preset-btn:hover{background:#383e4a;border-color:#61dafb}.result-card{border:1px solid #444;border-radius:6px;font-size:12px;margin-top:12px;overflow:hidden}.result-card-header{background:#1e2229;border-bottom:1px solid #444;font-size:13px;font-weight:700;padding:8px 12px}.result-card-body{background:#12151a;max-height:320px;overflow-y:auto}.result-row{border-bottom:1px solid #1e2229;display:flex}.result-row:last-child{border-bottom:none}.result-key{background:#1a1d24;border-right:1px solid #1e2229;color:#aaa;flex:0 0 38%}.result-key,.result-val{font-family:monospace;padding:5px 10px;word-break:break-all}.result-val{color:#c9d1d9;flex:1 1;white-space:pre-wrap}.result-val.ok{color:#2ecc71;font-weight:700}.result-val.fail{color:#e74c3c;font-weight:700}.result-ok{color:#2ecc71}.result-fail{color:#e74c3c}.result-error{background:#1a0d0d;border:1px solid #c0392b;border-radius:6px;margin-top:10px;overflow:hidden;padding:10px 12px}.result-error-text{color:#ff6b6b;font-size:11px;margin:6px 0 0;white-space:pre-wrap;word-break:break-word}.output-container h2{color:#61dafb;font-size:16px;margin-top:0;text-align:center}.json-output{word-wrap:break-word;background-color:#1e2127;border-radius:4px;color:#61dafb;font-size:10px;overflow-x:auto;padding:15px;white-space:pre-wrap}.pipe-info-output{background-color:#3a3f4b;border:2px solid #61dafb;border-radius:4px;box-shadow:0 4px 12px #00000080;font-size:14px;margin-top:20px;overflow:hidden;width:100%}.canvas h2{color:#61dafb;font-size:20px;margin-top:0;text-align:center}.canvas p{color:#aaa;text-align:center}.canvas-item{background-color:initial;border:none;border-radius:0;color:#fff;cursor:grab;font-size:20px;margin:0;padding:0;position:absolute}.workspace-results-mode{align-items:stretch;height:auto;min-height:0}.design-preview-panel{align-items:stretch;background-color:#e8eaed;border-right:1px solid #c0c4cc;display:flex;flex:0 0 220px;flex-direction:column;gap:12px;overflow:hidden;padding:16px 10px}.design-preview-title{color:#1e3a5f;font-size:15px;font-weight:700;margin:0;text-align:center}.design-preview-canvas{flex-shrink:0;overflow:hidden}.edit-design-btn{background-color:#61dafb;border:none;border-radius:4px;color:#1e2127;cursor:pointer;font-size:15px;font-weight:700;margin-top:8px;padding:12px;transition:background-color .3s;width:100%}.edit-design-btn:hover{background-color:#4ecdc4}.results-area{background-color:#282c34;flex:1 1;overflow-y:auto;padding:20px 28px}.results-panel{color:#fff;max-width:100%}.results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.results-title{color:#61dafb;font-size:22px;font-weight:700;margin:0}.units-select{background:#3a3f4b;border:1px solid #555;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px}.results-card{background:#1e2229;border:1px solid #444;border-radius:6px;margin-bottom:20px;padding:16px 20px}.results-card-title{color:#fff;font-size:15px;font-weight:700;margin:0 0 14px;text-align:center}.results-risk-table{display:flex;flex-direction:column;gap:10px}.results-risk-row{align-items:center;display:flex;font-size:14px;font-weight:600;justify-content:space-between}.results-risk-label{color:#fff}.results-section-title{color:#61dafb;font-size:20px;font-weight:700;margin:0 0 12px;text-align:center}.results-steady-row{align-items:center;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:8px 0}.results-steady-label{color:#fff}.results-steady-value{background:#3a3f4b;border-radius:4px;color:#fff;font-size:15px;font-weight:700;min-width:60px;padding:4px 16px;text-align:center}.results-charts-row{display:flex;flex-wrap:nowrap;gap:20px}.results-chart-box{background:#1e2229;border:1px solid #333;border-radius:6px;flex:1 1;min-width:0;padding:12px 10px 4px}.results-chart-title{color:#61dafb;font-size:13px;font-weight:700;margin:0 0 8px;text-align:center}.canvas-item:active{cursor:grabbing}.canvas-item:hover{filter:brightness(1.2)}.canvas-item.connected{outline:1px solid #61dafb4d;outline-offset:2px}.canvas-item.dragging-group{opacity:.7}.canvas-item-content{align-items:center;display:flex;gap:0;justify-content:center;position:relative}.pipe-info{background-color:#3a3f4b;border:2px solid #61dafb;border-radius:4px;box-shadow:0 4px 12px #00000080;font-size:14px;left:50%;overflow:hidden;position:absolute;top:-20px;transform:translateX(-50%) translateY(-100%);width:260px;z-index:100}.pipe-info-header{align-items:center;background-color:#61dafb;color:#1e2127;display:flex;font-weight:700;justify-content:space-between;padding:10px 12px}.pipe-info-body{display:flex;flex-direction:column;gap:12px;padding:15px}.info-row{align-items:center;display:flex;gap:10px;justify-content:space-between}.info-row label{color:#ccc;flex:1 1;font-size:13px}.info-row input,.info-row select{background-color:#2d3139;border:1px solid #555;border-radius:4px;color:#fff;flex:1.5 1;font-size:13px;padding:6px 10px}.info-row input{flex:0.8 1;width:60px}.info-row span{color:#ccc;margin-left:5px}.pipe-visualization{align-items:center;background-color:initial;border-radius:0;display:flex;justify-content:center;margin:0;padding:0}.diameters-select{background-color:#2d3139;border:1px solid #61dafb;border-radius:4px;color:#fff;height:80px;margin-left:10px;padding:5px;width:150px}.diameters-select:focus{border-color:#61dafb;box-shadow:0 0 0 2px #61dafb4d;outline:none}.close-btn{background-color:#f44336;border:none;border-radius:3px;color:#fff;cursor:pointer;flex-shrink:0;font-size:18px;font-weight:700;height:24px;line-height:24px;padding:0;text-align:center;transition:background-color .3s;width:24px}.close-btn:hover{background-color:#d32f2f}.rotate-btn{background-color:#61dafb;border:none;border-radius:50%;box-shadow:0 2px 4px #0000004d;color:#1e2127;cursor:pointer;font-size:20px;font-weight:700;height:28px;line-height:28px;opacity:0;padding:0;position:absolute;right:5px;text-align:center;top:5px;transition:all .3s;visibility:hidden;width:28px;z-index:10}.canvas-item:hover .rotate-btn{opacity:1;visibility:visible}.rotate-btn:hover{background-color:#4ecdc4;transform:rotate(90deg)}.delete-component-btn{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;margin-top:10px;padding:8px 16px;text-align:center;transition:background-color .3s;width:100%}.delete-component-btn:hover{background-color:#d32f2f}select{font-size:inherit}.pipe-svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:100%;width:100%}.connection-points-overlay{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:5}.connection-point{height:16px;pointer-events:none;position:absolute;width:16px}.connection-point-dot{background-color:#61dafb4d;border:2px solid #61dafb;border-radius:50%;height:12px;transition:all .2s;width:12px}.connection-point.inlet .connection-point-dot{background-color:#ff6b6b4d;border-color:#ff6b6b}.connection-point.outlet .connection-point-dot{background-color:#4ecdc44d;border-color:#4ecdc4}.connection-point.snap-highlight .connection-point-dot{animation:pulse .8s infinite;background-color:#ffd700cc;border-color:gold;box-shadow:0 0 12px #ffd700cc;transform:scale(1.3)}@keyframes pulse{0%,to{opacity:1;transform:scale(1.3)}50%{opacity:.8;transform:scale(1.5)}}@media (max-width:1024px){.app-top-bar,.tab-content-panel,.workspace-container{width:95%}.workspace-container{flex-direction:column;height:auto;min-height:0}.canvas,.output-container,.sidebar{box-sizing:border-box;width:100%}.sidebar{border-bottom:1px solid #444;border-right:none}.canvas{min-height:0;padding:10px}.output-container{border-left:none;border-top:1px solid #444}.workspace-results-mode{min-height:0}.design-preview-panel{border-bottom:1px solid #c0c4cc;border-right:none;flex:0 0 auto;width:100%}.results-area{padding:14px}}@media (max-width:640px){.app-top-bar{align-items:flex-start;flex-direction:column;gap:10px;padding-top:12px}.tab-nav{justify-content:space-between;width:100%}.tab-btn{flex:1 1;font-size:.92rem;padding:8px 6px}.sidebar h2{font-size:20px}.results-chart-box{flex:1 1 100%}}.license-modal-backdrop{align-items:center;background:#000000a6;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.license-modal{background:#fff;border-radius:6px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:min(85vh,720px);overflow:hidden;width:min(720px,100%)}.license-modal-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:18px 24px}.license-modal-header h2{color:#1e293b;font-size:18px;margin:0}.license-modal-body{color:#334155;flex:1 1;font-size:13px;line-height:1.55;overflow-y:auto;padding:16px 24px;white-space:pre-wrap}.license-modal-footer{background:#f8fafc;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:14px 24px}.license-modal-agree-btn{background:#2563eb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 28px;transition:background-color .2s}.license-modal-agree-btn:hover{background:#1d4ed8}.cp-body{white-space:normal}.cp-footer{gap:10px}.cp-btn-secondary{background:#e2e8f0;border:1px solid #cbd5e1;border-radius:4px;color:#1e293b;cursor:pointer;font-size:14px;font-weight:600;padding:10px 22px;transition:background-color .2s}.cp-btn-secondary:hover{background:#cbd5e1}.cp-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.cp-row label{color:#334155;font-size:13px;font-weight:600}.cp-row select{border:1px solid #cbd5e1;border-radius:4px;padding:4px 6px}.cp-hint{color:#64748b;font-size:12px;margin:2px 0 10px}.cp-link{background:none;border:none;color:#2563eb;cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.cp-error{background:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#b91c1c;white-space:pre-wrap}.cp-error,.cp-warn{font-size:13px;margin:8px 0;padding:8px 10px}.cp-warn{background:#fffbeb;border:1px solid #fde68a;border-radius:4px;color:#92400e}.cp-preview{margin-top:10px}.cp-preview-title{color:#334155;font-size:13px;font-weight:600;margin-bottom:4px}.cp-code{background:#2b2f3a;border-radius:4px;color:#e2e8f0;font-size:12px;line-height:1.4;overflow-x:auto;padding:10px 12px;white-space:pre}.m-menu{position:relative}.m-menu-btn{align-items:center;background:#3a3f4b;border:1px solid #4b5563;border-radius:6px;color:#e2e8f0;cursor:pointer;display:flex;font-size:.95rem;gap:8px;padding:8px 12px}.m-menu-current{font-weight:600}.m-menu-icon{font-size:1.1rem;line-height:1}.m-menu-backdrop{inset:0;position:fixed;z-index:1000}.m-menu-list{background:#2d3139;border:1px solid #4b5563;border-radius:8px;box-shadow:0 8px 24px #00000073;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:1001}.m-menu-item{background:none;border:none;color:#e2e8f0;cursor:pointer;display:block;font-size:.95rem;padding:12px 16px;text-align:left;width:100%}.m-menu-item.active,.m-menu-item:hover{background:#3b6cf0;color:#fff}.m-workspace{display:flex;flex-direction:column;font-size:14px;height:calc(100vh - 150px);height:calc(100dvh - 150px);margin-top:10px;min-height:360px;text-align:left;width:100%}.m-canvas-host{display:flex;flex:1 1 auto;min-height:0}.m-canvas-host>.canvas{border-radius:8px 8px 0 0;flex:1 1}.m-banner{background:#1e3a8a;color:#dbeafe;flex:0 0 auto;font-size:12px;max-height:28vh;overflow-y:auto;padding:8px 12px}.m-banner.error{background:#3a1212;color:#fecaca}.m-banner pre{font-family:inherit;margin:0;white-space:pre-wrap;word-break:break-word}.m-action-bar{background:#282c34;border-top:1px solid #444;display:flex;flex:0 0 auto;gap:8px;padding:8px}.m-action-btn{background:#3a3f4b;border:1px solid #4b5563;border-radius:8px;color:#e2e8f0;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:12px 8px}.m-action-btn:active{background:#4b5563}.m-action-btn.run{background:#61dafb;border-color:#61dafb;color:#1e2127}.m-action-btn.run:disabled{background:#505866;border-color:#505866;color:#99a}.m-action-btn.results{background:#2ecc71;border-color:#2ecc71;color:#102015}.m-sheet-backdrop{align-items:flex-end;background:#00000073;display:flex;inset:0;position:fixed;z-index:2000}.m-sheet{animation:m-sheet-up .18s ease-out;background:#2d3139;border-radius:16px 16px 0 0;box-shadow:0 -8px 30px #00000080;color:#e2e8f0;display:flex;flex-direction:column;max-height:75vh;width:100%}@keyframes m-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.m-sheet-grabber{background:#5b6573;border-radius:2px;flex:0 0 auto;height:4px;margin:8px auto 0;width:40px}.m-sheet-header{align-items:center;border-bottom:1px solid #3a3f4b;display:flex;flex:0 0 auto;justify-content:space-between;padding:8px 16px 10px}.m-sheet-title{color:#61dafb;font-size:1.05rem;font-weight:700}.m-sheet-close{background:#3a3f4b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:20px;height:32px;line-height:1;width:32px}.m-sheet-body{-webkit-overflow-scrolling:touch;overflow-y:auto;padding:14px 16px 24px}.m-add-section{margin-bottom:14px}.m-add-cat{color:#94a3b8;font-size:.8rem;font-weight:700;letter-spacing:.04em;margin-bottom:8px;text-transform:uppercase}.m-add-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.m-add-item{align-items:center;background:#3a3f4b;border:1px solid #4b5563;border-radius:10px;color:#cbd5e1;cursor:pointer;display:flex;flex-direction:column;font-size:11px;gap:4px;padding:10px 4px}.m-add-item:active{background:#4b5563}.m-add-img{height:40px;object-fit:contain;width:40px}.m-add-img.invert{filter:invert(1)}.m-hint{color:#94a3b8;font-size:12px;margin:6px 0 0}.m-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.m-field>label{color:#cbd5e1;font-size:.85rem;font-weight:600}.m-field input,.m-field select{background:#1e293b;border:1px solid #475569;border-radius:6px;box-sizing:border-box;color:#e2e8f0;font-size:16px;padding:12px;width:100%}.m-stepper{align-items:stretch;display:flex;gap:8px}.m-stepper input{flex:1 1;text-align:center}.m-stepper button{background:#3a3f4b;border:1px solid #4b5563;border-radius:6px;color:#fff;cursor:pointer;flex:0 0 auto;font-size:22px;line-height:1;width:52px}.m-subtle{color:#94a3b8;font-size:12px;font-style:italic;margin:-4px 0 14px}.m-link{background:none;border:none;color:#61dafb;cursor:pointer;font:inherit;padding:0;text-decoration:underline}.m-btn{background:#3a3f4b;border:1px solid #4b5563;border-radius:8px;color:#e2e8f0;cursor:pointer;display:inline-block;font-size:.95rem;font-weight:600;margin-bottom:10px;padding:12px;width:100%}.m-btn.primary{background:#61dafb;border-color:#61dafb;color:#1e2127}.m-btn.danger{background:#f44336;border-color:#f44336;color:#fff}.m-btn:disabled{cursor:not-allowed;opacity:.5}.m-editor .m-field input,.m-editor .m-field select{font-size:16px}
/*# sourceMappingURL=main.5c1e0c13.css.map*/