*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden}#root{height:100vh;width:100vw}.graph-container{height:100%;overflow:hidden;position:relative;width:100%}.controls{align-items:center;display:flex;gap:10px;left:20px;position:absolute;top:20px;z-index:1000}.search-input{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 1px 3px #0000001a;font-size:14px;padding:8px 12px}.info-panel{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:300px;padding:16px;position:absolute;right:20px;top:20px;z-index:1000}.info-panel h3{color:#1e293b;font-size:16px;margin-bottom:8px}.info-panel p{color:#64748b;font-size:14px;margin-bottom:4px}.dependency-link{border-radius:3px;color:#3b82f6;cursor:pointer;padding:2px 4px;text-decoration:none;transition:background-color .2s}.dependency-link:hover{background-color:#eff6ff;text-decoration:underline}.legend{background:#fff;border-radius:6px;bottom:20px;box-shadow:0 2px 4px #0000001a;color:#64748b;font-size:12px;left:20px;padding:12px;position:absolute}.legend-item{align-items:center;display:flex;margin-bottom:4px}.legend-color{border-radius:2px;height:12px;margin-right:8px;width:12px}.option-header-container{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-wrap:wrap;gap:10px;left:20px;padding:10px 16px;position:absolute;top:10px;z-index:10}.view-mode-toggle{border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:0;overflow:hidden}.view-mode-button{background:#fff;border:none;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;outline:none;padding:8px 16px;position:relative;transition:all .2s ease}.view-mode-button:first-child{border-right:1px solid #e2e8f0}.view-mode-button:hover{background-color:#f8fafc;color:#3b82f6}.view-mode-button.active{background-color:#3b82f6;color:#fff;font-weight:600}.view-mode-button.active:hover{background-color:#2563eb}.entry-route-select,.max-depth-select,.screen-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;outline:none;padding:8px;transition:all .2s ease}.entry-route-select,.screen-select{width:200px}.max-depth-select{width:100px}.entry-route-select:hover,.max-depth-select:hover,.screen-select:hover{border-color:#cbd5e1}.entry-route-select:focus,.max-depth-select:focus,.screen-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.action-button{align-items:center;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;outline:none;padding:8px 16px;transition:all .2s ease}.impact-button{background-color:#f59e0b;border:1px solid #f59e0b}.impact-button:hover{background-color:#d97706;border-color:#d97706;box-shadow:0 2px 4px #f59e0b4d;transform:translateY(-1px)}.impact-button:active{transform:translateY(0)}.property-button{background-color:#8b5cf6;border:1px solid #8b5cf6}.property-button:hover{background-color:#7c3aed;border-color:#7c3aed;box-shadow:0 2px 4px #8b5cf64d;transform:translateY(-1px)}.property-button:active{transform:translateY(0)}.component-count{color:#64748b;font-size:14px;white-space:nowrap}.error-message{color:#ef4444;font-size:12px;margin-left:10px}@media (max-width:768px){.option-header-container{gap:8px;left:10px;padding:8px 12px;right:10px}.view-mode-button{font-size:12px;padding:6px 12px}.entry-route-select,.screen-select{font-size:12px;width:150px}.max-depth-select{font-size:12px;width:80px}.action-button{font-size:11px;padding:6px 12px}.component-count{font-size:12px}}
/*# sourceMappingURL=main.3baf1ef9.css.map*/